[fix] simple template - video.html fix button icon to icon_small

BTW: Rename the manufacturer-specific name ``ion-icon`` of the icon set in
SerXNG to ``sxng-icon-set`` --> The icon set can be assembled together as
desired in the FE and should therefore not have a manufacturer-specific name in
the style and template definitions.

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

client/simple/src/less/style.less

@@ -32,8 +32,8 @@
 // to center the results
 @import "style-center.less";
 
-// ion-icon
-.ion-icon {
+// sxng-icon-set
+.sxng-icon-set {
   display: inline-block;
   vertical-align: bottom;
   line-height: 1;
@@ -41,16 +41,16 @@
   .ltr-transform();
 }
 
-.ion-icon-small {
+.sxng-icon-set-small {
   width: 1rem;
   height: 1rem;
-  .ion-icon;
+  .sxng-icon-set;
 }
 
-.ion-icon-big {
+.sxng-icon-set-big {
   width: 1.5rem;
   height: 1.5rem;
-  .ion-icon;
+  .sxng-icon-set;
 }
 
 // Main LESS-Code

client/simple/theme_icons.js

@@ -11,9 +11,9 @@ const dest = resolve(HERE, "../../searx/templates/simple/icons.html");
 
 /** @type import("./tools/jinja_svg_catalog.js").JinjaMacro[] */
 const searxng_jinja_macros = [
-  { name: "icon",       class: "ion-icon" },
-  { name: "icon_small", class: "ion-icon-small" },
-  { name: "icon_big",   class: "ion-icon-big" },
+  { name: "icon",       class: "sxng-icon-set" },
+  { name: "icon_small", class: "sxng-icon-set-small" },
+  { name: "icon_big",   class: "sxng-icon-set-big" },
 ];
 
 

searx/templates/simple/icons.html

@@ -43,13 +43,13 @@ set catalog = {
 
 
 {% macro icon(action, alt) -%}
-  {{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon") | safe }}
+  {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set") | safe }}
 {%- endmacro %}
 
 {% macro icon_small(action, alt) -%}
-  {{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon-small") | safe }}
+  {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set-small") | safe }}
 {%- endmacro %}
 
 {% macro icon_big(action, alt) -%}
-  {{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon-big") | safe }}
+  {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set-big") | safe }}
 {%- endmacro %}

searx/templates/simple/result_templates/videos.html

@@ -3,7 +3,7 @@
 {{ result_header(result, favicons, image_proxify) }}
 {{ result_sub_header(result) }}
 {% if result.iframe_src -%}
-<p class="altlink"> <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') }} {{ _('show video') }}</a></p>
+<p class="altlink"> <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_small('film') }} {{ _('show video') }}</a></p>
 {%- endif %}
 {%- if result.content %}
   <p class="content">