fix: increase spacing between option components

dessant · Nov 10, 2019 · cba69fe · cba69fe
1 parent 65b2d82
commit cba69fe
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/options/App.vue b/src/options/App.vue
@@ -8,7 +8,7 @@
     <div class="section-desc" v-once>
       {{ getText('optionSectionDescription_dataTypes') }}
     </div>
-    <v-draggable class="option-wrap" :list="options.dataTypes">
+    <v-draggable class="option-wrap engines" :list="options.dataTypes">
       <div class="option"
           v-for="dataType in options.dataTypes" :key="dataType.id">
         <v-form-field :input-id="dataType"
@@ -220,9 +220,13 @@ body {
 
 .option-wrap {
   display: grid;
-  grid-row-gap: 12px;
+  grid-row-gap: 24px;
   padding-top: 16px;
   grid-auto-columns: min-content;
+
+  &.engines {
+    grid-row-gap: 12px;
+  }
 }
 
 .option {