From c061ab8d192279b3a67b2dd9a73b2093c890b6fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rane=20Hyvo=CC=88nen?= <hyvonenrane@gmail.com>
Date: Fri, 1 Mar 2024 16:10:47 +0100
Subject: [PATCH] fix(ui): move Listing block date above title

---
 .../src/components/blocks/Listing/ListingTemplate.jsx  | 10 +++++-----
 frontend/theme/extras/blocks/listing.less              |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/blocks/Listing/ListingTemplate.jsx b/frontend/src/components/blocks/Listing/ListingTemplate.jsx
index bdb4d5a..e1493eb 100644
--- a/frontend/src/components/blocks/Listing/ListingTemplate.jsx
+++ b/frontend/src/components/blocks/Listing/ListingTemplate.jsx
@@ -74,11 +74,6 @@ const Card = ({ item, showDescription = true, hideDates = false }) => {
           </figure>
         </UniversalLink>
       )}
-      <UniversalLink href={item['@id']} className="plone-item-card-link">
-        <h3 className="plone-item-title">
-          <span>{item.title}</span>
-        </h3>
-      </UniversalLink>
       {!hideDates && (
         <div className="event-label">
           {item['@type'] === 'Event' && start && end && (
@@ -97,6 +92,11 @@ const Card = ({ item, showDescription = true, hideDates = false }) => {
           )}
         </div>
       )}
+      <UniversalLink href={item['@id']} className="plone-item-card-link">
+        <h3 className="plone-item-title">
+          <span>{item.title}</span>
+        </h3>
+      </UniversalLink>
       {!!showDescription && (
         <p className="plone-item-description">{item.description}</p>
       )}
diff --git a/frontend/theme/extras/blocks/listing.less b/frontend/theme/extras/blocks/listing.less
index 3c628e9..f252209 100644
--- a/frontend/theme/extras/blocks/listing.less
+++ b/frontend/theme/extras/blocks/listing.less
@@ -111,6 +111,6 @@
     font-size: 20px;
     line-height: 26px;
     font-weight: 300;
-    margin-bottom: 10px;
+    margin-top: 10px;
   }
 }