From 7d1ceded8dff91af6bab39953b083d77b3b06adb Mon Sep 17 00:00:00 2001
From: Lars Noack <lars@webcontact.de>
Date: Thu, 17 Apr 2025 17:42:50 +0200
Subject: [PATCH] meow

---
 src/templates/article.html | 32 ++++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/templates/article.html b/src/templates/article.html
index 2676849..d6f3c51 100644
--- a/src/templates/article.html
+++ b/src/templates/article.html
@@ -22,23 +22,31 @@
     <section class="section">
       {% if translations|length %}
       <div class="container content">
-        <div class="column is-half is-offset-one-quarter">
+        <div class="content">
           <h1>Translations</h1>
         </div>
-        <div class="column is-half is-offset-one-quarter">
+        <div class="columns is-multiline">
           {% for t in translations %}
-            <div class="card mb-4" lang="{{t.language.code}}">
-              <a href="{{t.url}}" hreflang="{{t.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
+            <div class="column is-half">
+              <div class="card mb-4" lang="{{t.language.code}}" style="height: 100%;">
+                <a href="{{t.url}}" hreflang="{{t.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
+                  <div class="card-header">
+                    <div class="card-header-title">{{t.title}} </div>
+                    <div class="card-header-icon">{{t.language.flag}}</div>
+                  </div>  
+                  
                   <div class="card-content">
-                      <p class="title">{{t.language.flag}} {{t.title}} </p>
-                      <hr />
-                      <p class="content">
-                          {{t.preview}}
-                      </p>
-                      <hr />
+                        <hr />
+                        <p class="content">
+                            {{t.preview}}
+                        </p>
+                    </div>
+
+                    <div class="card-footer">
                       <time datetime="{{iso_date}}">{{date}}</time>
-                  </div>
-              </a>
+                    </div>
+                </a>
+            </div>
           </div>
         {% endfor %}
         </div>