adjusted anchor padding for topbar under 1100px

diff --git a/css/app.css b/css/app.css
index 98c38e3..0ef5a4e 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6473,12 +6473,13 @@ header {
       padding: 20.5px 5px;
       line-height: 1.4; }
     .top-bar-section ul li:not(.has-form) > a:not(.button) {
-      padding: 20.5px 5px;
+      padding: 22px 5px;
       line-height: 1.4;
       font-size: 1.1875rem; }
       @media screen and (min-width: 1100px) {
         .top-bar-section ul li:not(.has-form) > a:not(.button) {
-          font-size: 1.3125rem; } }
+          font-size: 1.3125rem;
+          padding: 20.5px 5px; } }
     .top-bar-section ul li.active:not(.has-form) > a:not(.button) {
       background: #cc6535;
       padding: 20.5px 5px;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 266f155..a7c5581 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -60,11 +60,12 @@
             &:not(.has-form) {
                 & > a:not(.button) {
 //                    background: transparent !important;
-                    padding: 20.5px 5px; 
+                    padding: 22px 5px; 
                     line-height: 1.4;
                     font-size: rem-calc(19);
                     @media screen and (min-width: 1100px) {
                         font-size: rem-calc(21);
+                        padding: 20.5px 5px; 
                     }
                 }
             }