From e3e5d2bd2210f005a14a1c4dd394121c86d108b0 Mon Sep 17 00:00:00 2001
From: Alexandre Flament <alex@al-f.net>
Date: Sat, 2 Jul 2022 01:38:03 +0200
Subject: [PATCH] Theme: all top right icons have labels including
 "Preferences"

---
 searx/static/themes/simple/gruntfile.js                     | 2 +-
 searx/static/themes/simple/src/svg/help-circle-outline.svg  | 5 -----
 .../themes/simple/src/svg/information-circle-outline.svg    | 6 ++++++
 searx/templates/simple/base.html                            | 4 ++--
 4 files changed, 9 insertions(+), 8 deletions(-)
 delete mode 100644 searx/static/themes/simple/src/svg/help-circle-outline.svg
 create mode 100644 searx/static/themes/simple/src/svg/information-circle-outline.svg

diff --git a/searx/static/themes/simple/gruntfile.js b/searx/static/themes/simple/gruntfile.js
index e9aadee92..630cac212 100644
--- a/searx/static/themes/simple/gruntfile.js
+++ b/searx/static/themes/simple/gruntfile.js
@@ -190,7 +190,7 @@ module.exports = function (grunt) {
           'file-tray-full-outline': 'node_modules/ionicons/dist/svg/file-tray-full-outline.svg',
           'people-outline': 'node_modules/ionicons/dist/svg/people-outline.svg',
           'heart-outline': 'node_modules/ionicons/dist/svg/heart-outline.svg',
-          'help-circle-outline': 'src/svg/help-circle-outline.svg',
+          'information-circle-outline': 'src/svg/information-circle-outline.svg',
         },
         dest: '../../../templates/simple/icons.html',
       },
diff --git a/searx/static/themes/simple/src/svg/help-circle-outline.svg b/searx/static/themes/simple/src/svg/help-circle-outline.svg
deleted file mode 100644
index df36289d3..000000000
--- a/searx/static/themes/simple/src/svg/help-circle-outline.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg class="ionicon" viewBox="0 0 512 512" aria-hidden="true">
-    <path d="M256 80a176 176 0 10176 176A176 176 0 00256 80z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/>
-    <path d="M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="28"/>
-    <circle cx="250" cy="348" r="20" stroke="currentColor" stroke-width="16" fill="currentColor" />
-</svg>
\ No newline at end of file
diff --git a/searx/static/themes/simple/src/svg/information-circle-outline.svg b/searx/static/themes/simple/src/svg/information-circle-outline.svg
new file mode 100644
index 000000000..b7c300094
--- /dev/null
+++ b/searx/static/themes/simple/src/svg/information-circle-outline.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
+    <title>Information Circle</title>
+    <path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M220 220h32v116"/>
+    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M208 340h88"/>
+    <path fill="currentColor" stroke="currentColor" stroke-linecap="round" d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z"/>
+</svg>
\ No newline at end of file
diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html
index 05662e1d2..fbb60cc26 100644
--- a/searx/templates/simple/base.html
+++ b/searx/templates/simple/base.html
@@ -43,13 +43,13 @@
     <nav id="links_on_top">
       {%- from 'simple/icons.html' import icon_big -%}
       {%- block linkto_about -%}
-        <a href="{{ url_for('info', pagename='about') }}" class="link_on_top_about">{{ icon_big('help-circle-outline') }}<span>{{ _('About') }}</span></a>
+        <a href="{{ url_for('info', pagename='about') }}" class="link_on_top_about">{{ icon_big('information-circle-outline') }}<span>{{ _('About') }}</span></a>
       {%- endblock -%}
       {%- block linkto_donate -%}
         <a href="{{ url_for('info', pagename='donate') }}" class="link_on_top_donate">{{ icon_big('heart-outline') }}<span>{{ _('Donate') }}</span></a>
       {%- endblock -%}
       {%- block linkto_preferences -%}
-        <a href="{{ url_for('preferences') }}" aria-label="{{ _('preferences') }}" class="link_on_top_preferences">{{ icon_big('menu-outline') }}</a>
+        <a href="{{ url_for('preferences') }}" class="link_on_top_preferences">{{ icon_big('menu-outline') }}<span>{{ _('Preferences') }}</span></a>
       {%- endblock -%}
     </nav>
     {% block header %}