UI: adjust size of model selector/filter

lwitkowski · Aug 2, 2024 · 19e7858 · 19e7858
1 parent cf82fa1
commit 19e7858
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/ui/index.html b/ui/index.html
@@ -29,6 +29,9 @@
 
     <script type="module" src="/src/main.js"></script>
 
-    <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="lwitkowski" data-description="Support me on Buy me a coffee!" data-message="Got a better price for your aircraft thanks to Aero Offers? Consider donating few $ to keep the servers running. Thanks!" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
+    <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
+            data-id="lwitkowski" data-description="Support me on Buy me a coffee!"
+            data-message="Got a better price for your aircraft thanks to Aero Offers? Consider donating few $ to keep the servers running. Thanks!"
+            data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
   </body>
 </html>
diff --git a/ui/src/App.vue b/ui/src/App.vue
@@ -240,6 +240,6 @@ export default {
 
 #aircraft-type-filter {
   padding: 5px;
-  width: 500px;
+  width: 280px;
 }
 </style>
diff --git a/ui/src/components/AircraftModelFilter.vue b/ui/src/components/AircraftModelFilter.vue
@@ -5,6 +5,7 @@
     group-values="models"
     group-label="manufacturer"
     :group-select="false"
+    :show-labels="false"
     label="model"
     :placeholder="'Search ' + (aircraft_type || 'aircraft')"
     :max-height="500"