settings page visual improvements

static/css/style-settings.css

@@ -53,10 +53,48 @@
     gap: 10px;
 }
 
-@media (max-width: 600px) {
-    .theme-link {
-        width: 100%;
-    }
+#searchLanguageSelect,
+#safeSearchSelect, 
+#siteLanguageSelect {
+    border-radius: 4px;
+    padding: 6px;
+    font-size: 15px;
+    border: 1px solid var(--border);
+    color: var(--font-fg);
+    width: 160px;
+    background: var(--button);
+    float: right;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-align: center;
+    box-sizing: border-box; /* Ensures consistent width with padding */
+}
+
+#searchLanguageSelect:hover,
+#safeSearchSelect:hover, 
+#siteLanguageSelect:hover {
+    border: 1px solid #5f6368;
+    /* background-color: var(--button-hover); */
+}
+
+.save.save-settings-page {
+    padding: 6px;
+    width: 160px;
+    height: 40px; 
+}
+
+/* Ensure correct aligment */
+.settings-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.settings-row select, 
+.settings-row button {
+    width: 160px;
+    height: 40px;
+    box-sizing: border-box;
 }
 
 /* --- */