Update wiki snippet ui

Extravi · Jun 20, 2024 · 29bd245 · 29bd245
1 parent dd61b44
commit 29bd245
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -671,7 +671,8 @@ hr {
 }
 
 .kno_wiki_show {
-    display: initial !important;
+  display: initial !important;
+  border-radius: 6px;
 }
 
 .open-in-new-tab * {
@@ -1266,11 +1267,7 @@ p {
 .wiki_known_for {
   margin: 0px;
   font-weight: normal;
-}
-
-.snip hr {
-  margin: 5px 0px;
-  border-bottom: 1px solid var(--fg);
+  margin-bottom: 10px;
 }
 
 .snip img {
@@ -1304,6 +1301,9 @@ p {
 .factpoint {
   color: var(--fg);
   font-weight: bold;
+  vertical-align: text-top;
+  text-align: left;
+  margin-right: 6px;
 }
 
 .fact a {

diff --git a/templates/results.html b/templates/results.html
@@ -111,29 +111,28 @@
     {% if kno_rdesc != "" %}
     <div class="snip">
         <h1 class="snip_title">{{ rkno_title }}</h1>
+        {% if settings.javascript == "enabled" %}
+        <img class="kno_wiki" src=""/>
+        {% endif %}
         {% if wiki_known_for != "" %}
         <h4 class="wiki_known_for">{{ wiki_known_for }}</h4>
         {% endif %}
-        <hr>
         {% if kno_wiki != "" %}
         <img src="{{ kno_wiki }}"/>
         {% endif %}
-        {% if settings.javascript == "enabled" %}
-        <img class="kno_wiki" src=""/>
-        {% endif %}
         {{ kno_rdesc }}
         <a target="_blank" class="wiki_link" href="{{ rdesc_link }}">Wikipedia</a>
 
         {% if wiki_info|length > 0 %}
           <h4 class="about">About</h4>
-          <div class="wiki_info">
+          <table class="wiki_info">
             {% for info_point in wiki_info %}
-              <div class="info">
-                <span class="factpoint">{{ info_point }}</span>
-                <span class="fact">{{ wiki_info[info_point]|safe }}</span>
-              </div>
+              <tr class="info">
+                <th class="factpoint">{{ info_point }}</th>
+                <td class="fact">{{ wiki_info[info_point]|safe }}</td>
+              </tr>
             {% endfor %}
-          </div>
+          </table>
         {% endif %}
     </div>
     {% endif %}