[simple template] format default string 'italic'

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>

3 files changed, 22 insertions, 5 deletions

diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 17d6dd845..5e015579c 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -325,6 +325,10 @@ article[data-vim-selected].category-social {
   background: inherit;
 }
 
+.empty_element {
+  font-style: italic;
+}
+
 .result-images {
   display: inline-block;
   margin: 0;
diff --git a/searx/templates/simple/result_templates/default.html b/searx/templates/simple/result_templates/default.html
index 7c26f0654..7c74a06d0 100644
--- a/searx/templates/simple/result_templates/default.html
+++ b/searx/templates/simple/result_templates/default.html
@@ -5,9 +5,15 @@
 {% if result.embedded -%}
 <p class="altlink"> &bull; <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-media-{{ index }}" data-btn-text-collapsed="{{ _('show media') }}" data-btn-text-not-collapsed="{{ _('hide media') }}">{{ icon('music-note') }} {{ _('show media') }}</a></p>
 {%- endif %}
-<p class="content">
-  {%- if result.content %}{{ result.content|safe }}{%- else %}{{ _('This site did not provide any description.')|safe }}{% endif -%}
-</p>
+{%- if result.content %}
+  <p class="content">
+    {{ result.content|safe }}
+  </p>
+{%- else %}
+  <p class="content empty_element">
+    {{ _('This site did not provide any description.')|safe }}
+  </p>
+{% endif -%}
 {{- result_sub_footer(result, proxify) -}}
 {% if result.embedded -%}
 <div id="result-media-{{ index }}" class="invisible">
diff --git a/searx/templates/simple/result_templates/videos.html b/searx/templates/simple/result_templates/videos.html
index 81b88c4d9..ee425a445 100644
--- a/searx/templates/simple/result_templates/videos.html
+++ b/searx/templates/simple/result_templates/videos.html
@@ -5,8 +5,15 @@
 {% if result.embedded -%}
 <p class="altlink"> &bull; <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-video-{{ index }}" data-btn-text-collapsed="{{ _('show video') }}" data-btn-text-not-collapsed="{{ _('hide video') }}">{{ icon('film-outline') }} {{ _('show video') }}</a></p>
 {%- endif %}
-<p class="content">
-   {%- if result.content %}{{ result.content|safe }}{%- else %}{{ _('This site did not provide any description.')|safe }}{% endif -%}
+{%- if result.content %}
+  <p class="content">
+    {{ result.content|safe }}
+  </p>
+{%- else %}
+  <p class="content italic_font">
+    {{ _('This site did not provide any description.')|safe }}
+  </p>
+{% endif -%}
 </p>
 {{- result_sub_footer(result, proxify) -}}
 {% if result.embedded -%}