Fix some SCSS linting warnings

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) {

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;