Merge pull request #8011 from michaelchadwick/frontend-5614-feed-icon…

…-proximity-fix fix main navigation feed icon spacing
ilios · Jul 26, 2024 · e8fea7e · e8fea7e
2 parents 0ce7e4f + 79642f5
commit e8fea7e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/packages/ilios-common/addon/components/dashboard/navigation.hbs b/packages/ilios-common/addon/components/dashboard/navigation.hbs
@@ -34,8 +34,6 @@
       >
         {{t "general.calendar"}}
       </LinkTo>
-    </li>
-    <li>
       <IcsFeed
         @url={{this.icsFeedUrl}}
         @instructions={{this.icsInstructions}}

diff --git a/packages/ilios-common/app/styles/ilios-common/components/dashboard/navigation.scss b/packages/ilios-common/app/styles/ilios-common/components/dashboard/navigation.scss
@@ -17,20 +17,26 @@
     li {
       margin: 0;
 
+      &:nth-of-type(3) {
+        align-items: center;
+        display: flex;
+        gap: 5px;
+      }
+
       .ilios-calendar-ics-feed {
         padding: 0;
         text-align: center;
         width: 90%;
 
         .highlight {
-          @include m.for-phone-only {
-            /* stylelint-disable property-disallowed-list */
-            width: 7vw;
-          }
           align-items: center;
           display: flex;
           color: c.$orange;
           @include m.font-size("large");
+
+          @include m.for-phone-only {
+            @include m.font-size("medium");
+          }
         }
       }
     }