adjusted height and padding for icon across viewports

ilios · Aug 7, 2024 · 02bbba2 · 02bbba2
1 parent d8b33a2
commit 02bbba2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/frontend/app/styles/components/ilios-header.scss b/packages/frontend/app/styles/components/ilios-header.scss
@@ -38,10 +38,10 @@
     }
     .user-guide-link {
       grid-area: guide;
-      height: 66%;
+      height: 72%;
 
       @include m.for-phone-only {
-        height: 90%;
+        height: 100%;
       }
     }
 

diff --git a/packages/frontend/app/styles/components/user-guide-link.scss b/packages/frontend/app/styles/components/user-guide-link.scss
@@ -17,7 +17,7 @@ $header-menu-background-color: color.adjust(c.$slightWhite, $lightness: -3%);
     @include cm.font-size("small");
     font-weight: normal;
     margin-left: 0.8rem;
-    padding: 0.25em;
+    padding: 0.2em;
 
     &:hover,
     &:focus {
@@ -27,6 +27,7 @@ $header-menu-background-color: color.adjust(c.$slightWhite, $lightness: -3%);
     @include cm.for-tablet-and-up {
       display: inline;
       margin-left: 0.5rem;
+      padding: 0.125em;
     }
 
     @include cm.for-phone-only {