From c668a97950a1cb7c8bf2a7fd8a72d1101e65e8ce Mon Sep 17 00:00:00 2001
From: undergroundwires <undergroundwires@users.noreply.github.com>
Date: Sun, 24 May 2020 17:36:56 +0100
Subject: [PATCH] fix "group by" overflows on smaller screens

---
 src/presentation/Scripts/TheScripts.vue | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/presentation/Scripts/TheScripts.vue b/src/presentation/Scripts/TheScripts.vue
index 4f8af266..5797c56e 100644
--- a/src/presentation/Scripts/TheScripts.vue
+++ b/src/presentation/Scripts/TheScripts.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
         <div class="help-container">
-            <TheSelector class="left" />
-            <TheGrouper class="right"
+            <TheSelector />
+            <TheGrouper
                 v-on:groupingChanged="onGroupingChanged($event)"
                 v-show="!this.isSearching" />
         </div>
@@ -119,19 +119,10 @@
         }
     }
 }
+
 .help-container {
   display: flex;
   justify-content: space-between;
-  align-items: center;
-  .center {
-      justify-content: center;
-  }
-  .left {
-      justify-content: flex-start;
-  }
-  .right {
-      justify-content: flex-end;
-  }
+  flex-wrap: wrap;
 }
-
 </style>