From b4dcc6d914e3925f92aefc9c1241077875c683b7 Mon Sep 17 00:00:00 2001
From: Zsolt Tasnadi <rastasi@gmail.com>
Date: Sun, 7 Dec 2025 17:05:14 +0100
Subject: [PATCH] releases card

---
 http/views/software/releases.html | 41 +++++++++++++------------------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/http/views/software/releases.html b/http/views/software/releases.html
index 96d330b..553389f 100644
--- a/http/views/software/releases.html
+++ b/http/views/software/releases.html
@@ -1,30 +1,23 @@
 {{define "content"}}
 <h1 class="my-4">Releases for {{.Software.Title}}</h1>
 
-<div class="table-responsive">
-    <table class="table table-striped table-hover table-bordered">
-        <thead class="bg-dark text-success">
-            <tr>
-                <th>Version</th>
-                <th>Released At</th>
-                <th>Downloads</th>
-            </tr>
-        </thead>
-        <tbody>
-        {{range .Software.Releases}}
-            <tr>
-                <td>{{.Version}}</td>
-                <td>{{.CreatedAt.Format "2006-01-02 15:04:05"}}</td>
-                <td>
-                    <div class="btn-group" role="group" aria-label="Download options">
-                        <a href="/download/{{$.Software.Name}}/{{.Version}}/source" class="btn btn-primary btn-sm">Source</a>
-                        <a href="/download/{{$.Software.Name}}/{{.Version}}/cartridge" class="btn btn-primary btn-sm">Cartridge</a>
-                    </div>
-                </td>
-            </tr>
-        {{end}}
-        </tbody>
-    </table>
+<div class="row">
+    {{range .Software.Releases}}
+    <div class="col-12 mb-4">
+        <div class="card h-100">
+            <div class="card-body">
+                <h5 class="card-title">Version: {{.Version}}</h5>
+                <h6 class="card-subtitle mb-2 text-muted">Released At: {{.CreatedAt.Format "2006-01-02 15:04:05"}}</h6>
+            </div>
+            <div class="card-footer">
+                <div class="btn-group d-flex justify-content-end" role="group" aria-label="Operations">
+                    <a href="/download/{{$.Software.Name}}/{{.Version}}/source" class="btn btn-primary btn-sm">Source</a>
+                    <a href="/download/{{$.Software.Name}}/{{.Version}}/cartridge" class="btn btn-primary btn-sm">Cartridge</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    {{end}}
 </div>
 
 <p><a href="/" class="btn btn-primary">Back to Softwares</a></p>