lessened padding on tablet view so it never wraps

diff --git a/css/app.css b/css/app.css
index 2e13f7b..904c1b6 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6462,7 +6462,7 @@ header {
       @media only screen and (min-width:40.063em) and (max-width:64em) {
         .row .top-bar .top-bar-section ul li a {
           font-size: 1rem;
-          padding: 0 15px; } }
+          padding: 0 14px; } }
     .row .top-bar .top-bar-section ul li ul.dropdown {
       background: #FFFFFF;
       border-bottom-left-radius: 5px;
@@ -6529,7 +6529,7 @@ header {
     @media only screen and (min-width:40.063em) and (max-width:64em) {
       .top-bar-section ul li a {
         font-size: 1rem;
-        padding: 0 15px; } }
+        padding: 0 14px; } }
   .top-bar-section ul li.drop-left ul.dropdown {
     right: -1%;
     left: auto;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index cea6aa6..53ce7a3 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -60,7 +60,7 @@
                         padding: 0 22px;
                         @media #{$medium-only} {
                             font-size: rem-calc(16);
-                            padding: 0 15px;
+                            padding: 0 14px;
                         }
                     }
 
@@ -171,7 +171,7 @@
 //                }
                 @media #{$medium-only} {
                     font-size: rem-calc(16);
-                    padding: 0 15px;
+                    padding: 0 14px;
                 }
             }