From 12911419a2b306eb70fa801a652bc859ae7e1ecf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Josef=20Kol=C3=A1=C5=99?= <thejoeejoee@gmail.com>
Date: Fri, 17 Nov 2023 17:04:55 +0100
Subject: [PATCH] feat(requests): refactored request card info

---
 .../parts/request_match_card.html             | 54 +++++++++----------
 .../plugins/feature_state_ribbon.html         |  2 +-
 2 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/fiesta/apps/pickup_system/templates/pickup_system/parts/request_match_card.html b/fiesta/apps/pickup_system/templates/pickup_system/parts/request_match_card.html
index de7d4771..91649bbf 100644
--- a/fiesta/apps/pickup_system/templates/pickup_system/parts/request_match_card.html
+++ b/fiesta/apps/pickup_system/templates/pickup_system/parts/request_match_card.html
@@ -7,34 +7,32 @@
 {% load pickup_system %}
 
 {% block match_card_middle %}
-  <div class="chat-bubble border-0 bg-transparent pl-0 pt-0 mt-2 text-base-content min-w-full">
-    <table class="table text-lg [&_th]:pl-0 [&_th]:flex [&_th]:flex-row [&_th]:justify-end [&_th]:items-center [&_th]:gap-x-2 [&_td]:pl-0 w-96 mx-auto">
-      <tbody>
-        <tr class="border-b border-base-300">
-          <th>
-            time <span class="text-3xl">⏱️</span>
-          </th>
-          <td>{{ br.time|date:"SHORT_DATETIME_FORMAT" }}</td>
-        </tr>
-        <tr class="border-b border-base-300">
-          <th>
-            place <span class="text-3xl">📍</span>
-          </th>
-          <td>{{ br.place }}</td>
-        </tr>
-        <tr class="border-b border-base-300">
-          <th>
-            location <span class="text-3xl">🗺️</span>
-          </th>
-          <td>
-            <a class="link link-secondary"
-               href="{{ br.location_as_google_maps_link }}"
-               rel="nofollow,noreferrer,noopener"
-               target="_blank">see on maps</a>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+  <div class="border-0 bg-transparent pl-0 pt-0 mt-2 text-base-content min-w-full !col-start-1 !col-end-10">
+    <div class="text-lg md:text-xl [&>div]:flex [&>div]:flex-row [&>div]:justify-between [&>div]:items-center [&>div]:gap-x-2 [&>div]:py-2  [&>div>span:first-child]:w-1/3 [&>div>span:first-child]:flex [&>div>span:first-child]:justify-end [&>div>span:first-child]:items-center [&>div>span:first-child]:gap-x-2 [&>div>span:first-child]:font-semibold  [&>div>span:last-child]:grow [&>div>span:last-child]:text-center  divide-y divide-base-300 max-w-[24rem] mx-auto">
+      <div>
+        <span>
+          time <span class="text-3xl">⏱️</span>
+        </span>
+        <span>{{ br.time|date:"SHORT_DATETIME_FORMAT" }}</span>
+      </div>
+      <div>
+        <span>
+          place <span class="text-3xl">📍</span>
+        </span>
+        <span>{{ br.place }}</span>
+      </div>
+      <div>
+        <span>
+          location <span class="text-3xl">🗺️</span>
+        </span>
+        <span>
+          <a class="link link-secondary"
+             href="{{ br.location_as_google_maps_link }}"
+             rel="nofollow,noreferrer,noopener"
+             target="_blank">see on maps</a>
+        </span>
+      </div>
+    </div>
   </div>
 {% endblock %}
 
diff --git a/fiesta/apps/plugins/templates/plugins/feature_state_ribbon.html b/fiesta/apps/plugins/templates/plugins/feature_state_ribbon.html
index a91b81c1..7c265f3e 100644
--- a/fiesta/apps/plugins/templates/plugins/feature_state_ribbon.html
+++ b/fiesta/apps/plugins/templates/plugins/feature_state_ribbon.html
@@ -2,7 +2,7 @@
   {% if request.plugin.app_config.feature_state == request.plugin.app_config.FeatureState.STABLE %}
 
   {% elif request.plugin.app_config.feature_state == request.plugin.app_config.FeatureState.EXPERIMENTAL %}
-    <div class="bg-warning text-center py-2 rounded-b">
+    <div class="bg-warning text-center p-2 rounded-b">
       ⚠️
       <span class="uppercase font-semibold">warning:</span>
       the functionality of this plugin is not guaranteed to be stable and may change in the future