[mod] favicons: simplify RTL in template & CSS

Comes from a sughgestion in:

- https://github.com/searxng/searxng/pull/3727#issuecomment-2388998803

Suggested-by: Bnyro <bnyro@tutanota.com>
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

searx/static/themes/simple/src/less/style-ltr.less

@@ -82,8 +82,4 @@
   transform: scale(1, 1);
 }
 
-.favicon {
-  margin: 0 8px 0 0;
-}
-
 @import "style.less";

searx/static/themes/simple/src/less/style-rtl.less

@@ -94,12 +94,12 @@
   direction: initial;
   text-align: right;
 
+  .result .url_header {
+    direction: rtl;
+  }
+
   .result .url_wrapper {
     justify-content: end;
-
-    .favicon {
-      margin: 0 0 0 8px;
-    }
   }
 }
 

searx/static/themes/simple/src/less/style.less

@@ -232,6 +232,11 @@ article[data-vim-selected].category-social {
     }
   }
 
+  .url_header {
+    display: flex;
+    gap: 0.5rem;
+  }
+
   .url_wrapper {
     display: flex;
     align-items: center;

searx/templates/simple/macros.html

@@ -20,20 +20,15 @@
 <!-- Draw result header -->
 {% macro result_header(result, favicons, image_proxify) -%}
 <article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}{% for e in result.engines %} {{ e }}{% endfor %}">
-  {{- result_open_link(result.url, "url_wrapper") -}}
-  {% if not rtl %}
-    {%- if favicon_resolver != "" %}
-    <div class="favicon"><img loading="lazy" src="{{ favicon_url(result.parsed_url.netloc) }}"></div>
-    {%- endif -%}
-  {%- endif -%}
-  {%- for part in get_pretty_url(result.parsed_url) -%}
-  <span class="url_o{{loop.index}}"><span class="url_i{{loop.index}}">{{- part -}}</span></span>
-  {%- endfor %}
-  {% if rtl %}
-    {%- if favicon_resolver != "" %}
-    <div class="favicon"><img loading="lazy" src="{{ favicon_url(result.parsed_url.netloc) }}"></div>
-    {%- endif -%}
+  {{- result_open_link(result.url, "url_header") -}}
+  {%- if favicon_resolver != "" %}
+  <div class="favicon"><img loading="lazy" src="{{ favicon_url(result.parsed_url.netloc) }}"></div>
   {%- endif -%}
+  <div class="url_wrapper">
+    {%- for part in get_pretty_url(result.parsed_url) -%}
+    <span class="url_o{{loop.index}}"><span class="url_i{{loop.index}}">{{- part -}}</span></span>
+    {%- endfor %}
+  </div>
   {{- result_close_link() -}}
   {%- if result.thumbnail %}{{ result_open_link(result.url) }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" loading="lazy">{{ result_close_link() }}{% endif -%}
   <h3>{{ result_link(result.url, result.title|safe) }}</h3>