Wrap settings into next line on small screens

safing · May 5, 2020 · 60b3abd · 60b3abd
1 parent fde121d
commit 60b3abd
Showing 1 changed file with 8 additions and 1 deletion.
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;">
+  <div class="row" style="margin-top: 0px; justify-content: space-around;">
     <div class=" column" style="text-align: left;">
       <h5>
         <span
@@ -356,4 +356,11 @@ export default {
     white-space: pre-wrap; // respect \n
   }
 }
+
+@media (max-width: 1100px) { 
+  div.row > div:first-of-type {
+    // force wrap after title/help
+    flex-basis: 100%; 
+  } 
+}
 </style>