feat: removed other settings, moved default engine to search engines field, tweaked ui

4 files changed, 51 insertions, 17 deletions

diff --git a/locales/en_gb.ini b/locales/en_gb.ini
index cdb5f57..c3b1dc8 100644
--- a/locales/en_gb.ini
+++ b/locales/en_gb.ini
@@ -21,8 +21,6 @@ display_language_label = "Display Language"
 language_desc = "Choose your preferred language."
 engines_label = "Search Engines"
 engines_desc = "Choose which search engines to use. Only engines enabled on the server are shown."
-other_label = "Other Settings"
-other_desc = "Choose additional settings."
 default_engine_label = "Default Search Engine"
 all_engines_option = "All enabled engines"
 save_settings_button = "Save Settings"
diff --git a/locales/en_us.ini b/locales/en_us.ini
index e83aa80..0764147 100644
--- a/locales/en_us.ini
+++ b/locales/en_us.ini
@@ -21,8 +21,6 @@ display_language_label = "Display Language"
 language_desc = "Choose your preferred language."
 engines_label = "Search Engines"
 engines_desc = "Choose which search engines to use. Only engines enabled on the server are shown."
-other_label = "Other Settings"
-other_desc = "Choose additional settings."
 default_engine_label = "Default Search Engine"
 all_engines_option = "All enabled engines"
 save_settings_button = "Save Settings"
diff --git a/static/main.css b/static/main.css
index 4039888..dae21e6 100644
--- a/static/main.css
+++ b/static/main.css
@@ -822,6 +822,38 @@ header .logo-link:hover {
     height:18px;
     accent-color:var(--accent);
     cursor:pointer;
+    flex-shrink:0;
+    margin:0;
+}
+
+.settings-engine-list {
+    margin:0;
+}
+
+.settings-engine-options {
+    display:grid;
+    gap:8px;
+    margin-inline:-3px;
+}
+
+.settings-engine-option {
+    display:flex;
+    align-items:center;
+    justify-content:space-between;
+    gap:16px;
+    padding:12px 14px;
+    border:1px solid var(--border);
+    border-radius:8px;
+    background:var(--bg-main);
+    color:var(--text-primary);
+    font-size:0.95rem;
+    cursor:pointer;
+}
+
+.settings-default-engine-field {
+    margin-top:12px;
+    padding-top:12px;
+    border-top:1px solid var(--border);
 }
 
 .settings-actions {
@@ -888,6 +920,12 @@ header .logo-link:hover {
         align-items:stretch;
         gap:8px;
     }
+    .settings-engine-options {
+        margin-inline:0;
+    }
+    .settings-engine-option {
+        padding-inline:7px;
+    }
     .settings-actions {
         flex-direction:column;
     }
@@ -936,5 +974,3 @@ header .logo-link:hover {
         flex-direction: column;
     }
 }
-
-
diff --git a/templates/settings.html b/templates/settings.html
index ecc2936..96ffdb4 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -76,21 +76,23 @@
                         </div>
                     </section>
                     {{if has_enabled_engines}}
-                    <section class="settings-section">
+                    <section class="settings-section settings-engines-section">
                         <h3 class="settings-section-title">{{l("engines_label")}}</h3>
                         <p class="settings-section-desc">{{l("engines_desc")}}</p>
                         <input type="hidden" name="engines_present" value="1">
-                        {{for eng in enabled_engines}}
-                        <div class="settings-field">
-                            <label class="settings-label" for="engine_{{eng[0]}}">{{eng[1]}}</label>
-                            <input type="checkbox" id="engine_{{eng[0]}}" name="engine_{{eng[0]}}" value="1" class="settings-checkbox" {{eng[2]}}>
+
+                        <div class="settings-engine-list">
+                            <div class="settings-engine-options">
+                                {{for eng in enabled_engines}}
+                                <label class="settings-engine-option" for="engine_{{eng[0]}}">
+                                    <span>{{eng[1]}}</span>
+                                    <input type="checkbox" id="engine_{{eng[0]}}" name="engine_{{eng[0]}}" value="1" class="settings-checkbox" {{eng[2]}}>
+                                </label>
+                                {{endfor}}
+                            </div>
                         </div>
-                        {{endfor}}
-                    </section>
-                    <section class="settings-section">
-                        <h3 class="settings-section-title">{{l("other_label")}}</h3>
-                        <p class="settings-section-desc">{{l("other_desc")}}</p>
-                        <div class="settings-field">
+
+                        <div class="settings-field settings-default-engine-field">
                             <label class="settings-label" for="default_engine">{{l("default_engine_label")}}</label>
                             <select id="default_engine" name="default_engine" class="settings-select">
                                 <option value="all" {{if default_engine == "all"}}selected{{endif}}>{{l("all_engines_option")}}</option>