frontend: set width for dropdowns in settings page

currently, the width of these dropdowns in the settings page follow the content inside it, causing it to look inconsistent. We unify their width to improve the UI.
BitBoxSwiss · Feb 4, 2025 · 9ef0a3a · 9ef0a3a
1 parent 16a748c
commit 9ef0a3a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontends/web/src/routes/settings/components/appearance/settingsdropdown.module.css b/frontends/web/src/routes/settings/components/appearance/settingsdropdown.module.css
@@ -1,15 +1,14 @@
 .select {
     width: 280px;
 }
-
 .select :global(.react-select__option) {
     padding: var(--space-half) var(--space-quarter);
 }
 
 
 @media (max-width: 768px) { 
     .select {
-        margin-top: var(--space-quarter);
+        margin-top: 12px;
         width: 100%;
     }
 }
diff --git a/frontends/web/src/routes/settings/components/settingsItem/settingsItem.module.css b/frontends/web/src/routes/settings/components/settingsItem/settingsItem.module.css
@@ -32,6 +32,8 @@
 .rightContentContainer {
     align-items: center;
     display: flex;
+    justify-content: flex-end;
+    width: 50%;
 }
 
 .displayedValue {