From 744e962624e786f4171f8ce9b9e488144d3c91fa Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sat, 18 Sep 2021 17:45:46 +0100
Subject: [PATCH] :lipstick: Some minor UI improvments

---
 src/components/Settings/ConfigLauncher.vue   | 2 +-
 src/components/Settings/LanguageSwitcher.vue | 6 +++++-
 src/components/Settings/ThemeSelector.vue    | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Settings/ConfigLauncher.vue b/src/components/Settings/ConfigLauncher.vue
index c47f1931..796c05e0 100644
--- a/src/components/Settings/ConfigLauncher.vue
+++ b/src/components/Settings/ConfigLauncher.vue
@@ -17,7 +17,7 @@
 
     <!-- Modal for manually changing locale -->
     <modal :name="modalNames.LANG_SWITCHER" classes="dashy-modal"
-      :resizable="true" width="35%" height="50%">
+      :resizable="true" width="35%" height="60%">
       <LanguageSwitcher />
     </modal>
 
diff --git a/src/components/Settings/LanguageSwitcher.vue b/src/components/Settings/LanguageSwitcher.vue
index 59baa38e..5944301f 100644
--- a/src/components/Settings/LanguageSwitcher.vue
+++ b/src/components/Settings/LanguageSwitcher.vue
@@ -129,9 +129,13 @@ export default {
 </style>
 
 <style lang="scss">
-
+@import '@/styles/style-helpers.scss';
 .language-dropdown {
   margin: 1rem auto;
+  ul.vs__dropdown-menu {
+    max-height: 14rem;
+    @extend .scroll-bar;
+  }
   div.vs__dropdown-toggle {
     padding: 0.2rem 0;
   }
diff --git a/src/components/Settings/ThemeSelector.vue b/src/components/Settings/ThemeSelector.vue
index cba01269..7151aba3 100644
--- a/src/components/Settings/ThemeSelector.vue
+++ b/src/components/Settings/ThemeSelector.vue
@@ -148,7 +148,7 @@ export default {
   }
   ul.vs__dropdown-menu {
     width: auto;
-    z-index: 5;
+    z-index: 12;
     max-width: 13rem;
     overflow-x: hidden;
     @extend .scroll-bar;