Use space-evenly instead of space-around in settings row

safing · May 6, 2020 · 6115871 · 6115871
1 parent 60b3abd
commit 6115871
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/modules/base/package-lock.json b/modules/base/package-lock.json
diff --git a/modules/base/src/components/options/Option.vue b/modules/base/src/components/options/Option.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="row" style="margin-top: 0px; justify-content: space-around;">
+  <div class="row" style="margin-top: 0px; justify-content: space-between;">
     <div class=" column" style="text-align: left;">
       <h5>
         <span
@@ -357,10 +357,14 @@ export default {
   }
 }
 
+div.row > div {
+  flex-grow: 1;
+}
+
 @media (max-width: 1100px) { 
   div.row > div:first-of-type {
     // force wrap after title/help
     flex-basis: 100%; 
   } 
 }
-</style>
+</style>