Add more room for horizontal scrollbar on show menu

nypublicradio · Jan 19, 2017 · af8ebdb · af8ebdb
1 parent 3b674d0
commit af8ebdb
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/app/components/alt-channel-layout/template.hbs b/app/components/alt-channel-layout/template.hbs
@@ -50,7 +50,7 @@
 
   {{#if channel.linkroll}}
     {{nav-links
-      classNames="aligncenter tabs-header--padded alt-channel-links"
+      classNames="aligncenter alt-channel-links"
       defaultSlug=defaultSlug
       navRoot=navRoot
       links=channel.linkroll

diff --git a/app/styles/_alt-channel.scss b/app/styles/_alt-channel.scss
@@ -19,13 +19,17 @@
     text-transform: uppercase;
   }
 
-  .list:after {
-    content: " ";
-    width: 25px;
-    height: 40px;
-    background: linear-gradient(90deg, rgba(255, 255, 255, 0),rgba(255, 255, 255,1));
-    position: absolute;
-    right: 0;
+  .list {
+    padding: 30px 0;
+
+    &:after {
+      content: " ";
+      width: 25px;
+      height: 100%;
+      background: linear-gradient(90deg, rgba(255, 255, 255, 0),rgba(255, 255, 255,1));
+      position: absolute;
+      right: 0;
+    }
   }
 }
 

diff --git a/app/styles/_story-tease.scss b/app/styles/_story-tease.scss
@@ -31,9 +31,11 @@
     width: 90%;
 
     .flag {
-      @include display-flex;
-      @include align-items(center);
-      @include justify-content(center);
+      @include flexbox((
+        display: flex,
+        align-items: center,
+        justify-content: center
+      ));
 
       &-body {
         width: auto;