fix(v-toolbar): fix toolbar list alignment (#4343)

vuetifyjs · Jun 20, 2018 · 05c4d95 · 05c4d95
1 parent 2340647
commit 05c4d95
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/stylus/components/_toolbar.styl b/src/stylus/components/_toolbar.styl
@@ -75,10 +75,18 @@ theme(v-toolbar, "v-toolbar")
     > .v-list
       flex: 1 1 auto
       max-height: 100%
-      margin: 0 -($grid-gutters.xl)
+
+    > .v-list:first-child
+      margin-left: '-%s' % $grid-gutters.xl
+
+      @media $display-breakpoints.sm-and-down
+        margin-left: '-%s' % $grid-gutters.lg
+
+    > .v-list:last-child
+      margin-right: '-%s' % $grid-gutters.xl
 
       @media $display-breakpoints.sm-and-down
-        margin: 0 -($grid-gutters.lg)
+        margin-right: '-%s' % $grid-gutters.lg
 
   &__items
     display: flex