From 2037621afc72c2d4b0e5be65b0b1c0257196b0c5 Mon Sep 17 00:00:00 2001
From: Yeicor <4929005+Yeicor@users.noreply.github.com>
Date: Sat, 30 Mar 2024 18:00:37 +0100
Subject: [PATCH] Fix frontend style issues

---
 frontend/tools/Selection.vue | 39 +++++++++++++-----------------------
 1 file changed, 14 insertions(+), 25 deletions(-)

diff --git a/frontend/tools/Selection.vue b/frontend/tools/Selection.vue
index c60ed0d..2de2d52 100644
--- a/frontend/tools/Selection.vue
+++ b/frontend/tools/Selection.vue
@@ -462,20 +462,18 @@ window.addEventListener('keydown', (event) => {
 </script>
 
 <template>
-  <div class="select-parent">
-    <v-btn icon @click="toggleSelection" :color="selectionEnabled ? 'surface-light' : ''">
-      <v-tooltip activator="parent">{{ selectionEnabled ? 'Disable (s)election mode' : 'Enable (s)election mode' }}
-      </v-tooltip>
-      <svg-icon type="mdi" :path="mdiCursorDefaultClick"/>
-    </v-btn>
-    <v-tooltip :text="'Select only '  + selectFilter.toString().toLocaleLowerCase()" :open-on-click="false">
-      <template v-slot:activator="{ props }">
-        <v-select v-bind="props" class="select-only" variant="underlined"
-                  :items="['Any (S)', '(F)aces', '(E)dges', '(V)ertices']"
-                  v-model="selectFilter"/>
-      </template>
+  <v-btn icon @click="toggleSelection" :color="selectionEnabled ? 'surface-light' : ''">
+    <v-tooltip activator="parent">{{ selectionEnabled ? 'Disable (s)election mode' : 'Enable (s)election mode' }}
     </v-tooltip>
-  </div>
+    <svg-icon type="mdi" :path="mdiCursorDefaultClick"/>
+  </v-btn>
+  <v-tooltip :text="'Select only '  + selectFilter.toString().toLocaleLowerCase()" :open-on-click="false">
+    <template v-slot:activator="{ props }">
+      <v-select v-bind="props" class="select-only" variant="underlined"
+                :items="['Any (S)', '(F)aces', '(E)dges', '(V)ertices']"
+                v-model="selectFilter"/>
+    </template>
+  </v-tooltip>
   <v-btn icon @click="toggleHighlightNextSelection" :color="highlightNextSelection[0] ? 'surface-light' : ''">
     <v-tooltip activator="parent">(H)ighlight the next clicked element in the models list</v-tooltip>
     <svg-icon type="mdi" :path="mdiFeatureSearch"/>
@@ -494,20 +492,11 @@ window.addEventListener('keydown', (event) => {
 </template>
 
 <style scoped>
-/* Very hacky styling... */
-.select-parent {
-  height: 48px;
-}
-
-.select-parent .v-btn {
-  position: relative;
-  top: -20px;
-}
-
 .select-only {
-  display: inline-block;
-  width: calc(100% - 48px);
+  float: right;
+  height: 36px;
   position: relative;
   top: -12px;
+  width: calc(100% - 48px);
 }
 </style>
\ No newline at end of file