diff --git a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss index 70ddb8c652..80c2bfe09a 100644 --- a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss +++ b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss @@ -99,7 +99,7 @@ ordercycle { color: $grey-800; font-size: 1.25rem; display: block; - padding: 0.5em 0 0.5em; + padding: 0.5em 0; span { @media all and (max-width: 768px) { diff --git a/app/assets/stylesheets/darkswarm/distributor_header.css.scss b/app/assets/stylesheets/darkswarm/distributor_header.css.scss index 1dbe38641d..8e3fdc2a9b 100644 --- a/app/assets/stylesheets/darkswarm/distributor_header.css.scss +++ b/app/assets/stylesheets/darkswarm/distributor_header.css.scss @@ -1,4 +1,4 @@ -@import "typography"; +@import 'typography'; section { :not(shop) navigation { @@ -12,11 +12,11 @@ section { position: relative; z-index: 2; - distributor.details { + .details { box-sizing: border-box; display: block; min-height: 150px; - padding: 30px 0 0 0; + padding: 30px 0 0; position: relative; select { @@ -33,6 +33,7 @@ section { location { @include headingFont; } + @media all and (max-width: 768px) { location, location + small { display: block;