From f087959b02d812651f5dcec30c84daacb08f27c0 Mon Sep 17 00:00:00 2001
From: mrpaulblack <paul@paulgo.io>
Date: Sun, 28 May 2023 00:37:25 +0200
Subject: [mod] simple theme: build design for details (collapsables)

* set border top and bottom on sidebar collasables
* inrease peading on summary so its easier to click on mobile
* remove margins and add flex wrapper to normalize elements in sidebar
---
 searx/templates/simple/elements/apis.html | 42 ++++++++++++++++---------------
 1 file changed, 22 insertions(+), 20 deletions(-)

(limited to 'searx/templates/simple/elements/apis.html')

diff --git a/searx/templates/simple/elements/apis.html b/searx/templates/simple/elements/apis.html
index c3bc76726..5c7a07110 100644
--- a/searx/templates/simple/elements/apis.html
+++ b/searx/templates/simple/elements/apis.html
@@ -1,24 +1,26 @@
 <div id="apis" role="complementary" aria-labelledby="apis-title">
-  <details>
+  <details class="sidebar-collapsable">
     <summary class="title" id="apis-title">{{ _('Download results') }}</summary>
-    {%- for output_type in search_formats -%}
-      <div class="left">
-        <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
-          <input type="hidden" name="q" value="{{ q|e }}">
-          {%- for category in selected_categories -%}
-            <input type="hidden" name="category_{{ category }}" value="1">
-          {%- endfor -%}
-          <input type="hidden" name="pageno" value="{{ pageno }}">
-          <input type="hidden" name="language" value="{{ current_language }}">
-          <input type="hidden" name="time_range" value="{{ time_range }}">
-          <input type="hidden" name="safesearch" value="{{ safesearch }}">
-          <input type="hidden" name="format" value="{{ output_type }}">
-          {%- if timeout_limit -%}
-            <input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >
-          {%- endif -%}
-          <input type="submit" role="link" value="{{ output_type }}">
-        </form>
-      </div>
-    {%- endfor -%}
+    <div class="wrapper">
+      {%- for output_type in search_formats -%}
+        <div class="left">
+          <form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
+            <input type="hidden" name="q" value="{{ q|e }}">
+            {%- for category in selected_categories -%}
+              <input type="hidden" name="category_{{ category }}" value="1">
+            {%- endfor -%}
+            <input type="hidden" name="pageno" value="{{ pageno }}">
+            <input type="hidden" name="language" value="{{ current_language }}">
+            <input type="hidden" name="time_range" value="{{ time_range }}">
+            <input type="hidden" name="safesearch" value="{{ safesearch }}">
+            <input type="hidden" name="format" value="{{ output_type }}">
+            {%- if timeout_limit -%}
+              <input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >
+            {%- endif -%}
+            <input type="submit" role="link" value="{{ output_type }}">
+          </form>
+        </div>
+      {%- endfor -%}
+    </div>
   </details>
 </div>
-- 
cgit v1.2.3