From ceda8e0655f6c9ac01069e353e2b82844286f380 Mon Sep 17 00:00:00 2001
From: Lenni009 <guentherhanslphdyt@gmail.com>
Date: Tue, 16 Jul 2024 10:07:23 +0200
Subject: [PATCH] add styling to select elements

---
 src/components/EditEndpointDialogue.vue | 21 ++++++++++-----------
 src/components/FilterInput.vue          | 21 ++++++++++-----------
 src/style/style.css                     |  4 ++++
 3 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/components/EditEndpointDialogue.vue b/src/components/EditEndpointDialogue.vue
index e6686a7..2d2967c 100644
--- a/src/components/EditEndpointDialogue.vue
+++ b/src/components/EditEndpointDialogue.vue
@@ -124,17 +124,16 @@ const isOutOfSafeRange = computed(() => {
         type="text"
       />
       <label>Type:</label>
-      <select
-        v-model="newEndpointType"
-        class="select"
-      >
-        <option
-          v-for="endpointType in teleporterTypesEnum"
-          :value="endpointType"
-        >
-          {{ endpointType }}
-        </option>
-      </select>
+      <div class="select">
+        <select v-model="newEndpointType">
+          <option
+            v-for="endpointType in teleporterTypesEnum"
+            :value="endpointType"
+          >
+            {{ endpointType }}
+          </option>
+        </select>
+      </div>
     </form>
 
     <form
diff --git a/src/components/FilterInput.vue b/src/components/FilterInput.vue
index 6f251ed..9f37c43 100644
--- a/src/components/FilterInput.vue
+++ b/src/components/FilterInput.vue
@@ -30,16 +30,15 @@ const teleporterFilterTypes = {
   </FilterInputWrapper>
   <FilterInputWrapper>
     <label class="has-text-weight-bold">Filter Types</label>
-    <select
-      v-model="filterType"
-      class="select"
-    >
-      <option
-        v-for="teleporterType in teleporterFilterTypes"
-        :value="teleporterType"
-      >
-        {{ teleporterType }}
-      </option>
-    </select>
+    <div class="select">
+      <select v-model="filterType">
+        <option
+          v-for="teleporterType in teleporterFilterTypes"
+          :value="teleporterType"
+        >
+          {{ teleporterType }}
+        </option>
+      </select>
+    </div>
   </FilterInputWrapper>
 </template>
diff --git a/src/style/style.css b/src/style/style.css
index 7b7464a..5dd03d3 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -21,3 +21,7 @@ html {
     color: white;
   }
 }
+
+.select select {
+  width: 100%;
+}