diff --git a/app/styles/app/layout.sass b/app/styles/app/layout.sass index aea15936..fae03927 100644 --- a/app/styles/app/layout.sass +++ b/app/styles/app/layout.sass @@ -75,15 +75,15 @@ min-height: 100vh #left - width: grid-calc(5, 24) + width: grid-calc(6, 24) float: left margin-left: -100% max-width: 325px .wrapper-main - width: grid-calc(19, 24) + width: grid-calc(18, 24) float: left - margin-left: grid-calc(5, 24) + margin-left: grid-calc(6, 24) overflow: visible @media #{$xlarge-up} diff --git a/app/styles/app/layouts/sidebar.sass b/app/styles/app/layouts/sidebar.sass index 730383d1..12b5cd1e 100644 --- a/app/styles/app/layouts/sidebar.sass +++ b/app/styles/app/layouts/sidebar.sass @@ -77,13 +77,17 @@ $sb-font-size: 14px &:after bottom: 0 - @media (min-width: #{upper-bound($large-range)}) + @media (min-width: #{lower-bound($large-range)}) ul height: 1.7em li - padding-right: 1.5em + padding-right: 1em - @media (max-width: #{upper-bound($large-range)}) + @media #{$xxlarge-up} + li + padding-right: 2em + + @media (max-width: #{lower-bound($large-range)}) li display: block !important float: none diff --git a/app/styles/app/maximize.sass b/app/styles/app/maximize.sass index c18d9d8e..d4e1b1ea 100644 --- a/app/styles/app/maximize.sass +++ b/app/styles/app/maximize.sass @@ -18,7 +18,7 @@ width: 20px height: 20px border-bottom-left-radius: 4px - display: block + // display: block &:hover background-color: $color-border-slider-hover