Merge pull request learningequality#13024 from malviya-rajveer/Rajvee…

…r/fix-alignment-of-language-buttons Fix alignment of language buttons in setup flow
BabyElias · Jan 31, 2025 · 0a64cbc · 0a64cbc
2 parents f96dba7 + db371d9
commit 0a64cbc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/kolibri/components/language-switcher/LanguageSwitcherList.vue b/packages/kolibri/components/language-switcher/LanguageSwitcherList.vue
@@ -33,7 +33,7 @@
             />
             <KButton
               :text="$tr('showMoreLanguagesSelector')"
-              class="px-8"
+              class="px-6 px-8"
               appearance="flat-button"
               @click="showLanguageModal = true"
             />
@@ -149,6 +149,10 @@
     padding-left: 8px;
   }
 
+  .px-6 {
+    padding-bottom: 2px;
+  }
+
   .lang-icon {
     min-width: 40px;
   }

diff --git a/packages/kolibri/components/language-switcher/internal/SelectedLanguage.vue b/packages/kolibri/components/language-switcher/internal/SelectedLanguage.vue
@@ -48,6 +48,7 @@
 
   .px-8 {
     padding-right: 8px;
+    padding-bottom: 2px;
     padding-left: 8px;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -48,6 +48,7 @@ @@
       .px-8 {
         padding-right: 8px;
+        padding-bottom: 2px;
         padding-left: 8px;
       }
@@ Expand Down @@