Change search result appearance

folkugat_web/assets/templates/fragments/temes/result.html

@@ -0,0 +1,28 @@
+<li class="flex flex-col
+           items-center
+          m-4 rounded-lg
+          bg-white">
+  <div class="py-2 px-4 text-brown font-bold">
+    <a href="/tema/{{ tema.id }}">
+      {{ tema.title }}
+    </a>
+  </div>
+  {% if tema.main_score() and tema.main_score().preview_url %}
+    <a href="/tema/{{ tema.id }}"
+       class="max-w">
+    <img class="p-2 max-w"
+        src="{{ tema.main_score().preview_url }}" />
+    </a>
+  {% endif %}
+  {% if tema.properties %}
+  <ul class="flex flex-wrap text-sm
+            py-2 px-4">
+    {% for property in tema.properties %}
+    <div class="bg-beige text-white rounded
+                m-1 px-2">
+      {{ property.value }}
+    </div>
+    {% endfor %}
+  </ul>
+  {% endif %}
+</li>