From 23607b1267a8e750bd43d8fbd2cfbf7a1a6740ff Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 6 Jan 2024 17:36:42 +0000
Subject: [PATCH] lists: Refactor list listing

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/lists/index.html | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/templates/lists/index.html b/src/templates/lists/index.html
index 5be27f8e..3d8adee2 100644
--- a/src/templates/lists/index.html
+++ b/src/templates/lists/index.html
@@ -26,17 +26,30 @@
 
 	<section class="section">
 		<div class="container">
-			<nav class="panel">
-				{% for list in sorted(lists) %}
-					<a class="panel-block {% if list in subscribed_lists %}is-active{% end %}">
-						<span class="panel-icon">
-							<i class="fa-solid fa-envelope" aria-hidden="true"></i>
-						</span>
+			{% for list in sorted(lists) %}
+				<div class="block">
+					<div class="box">
+						<h5 class="title is-5">
+							{{ list }}
 
-						{{ list }}{% if list.description %} &dash; {{ list.description }}{% end %}
-					</a>
-				{% end %}
-			</nav>
+							{# Show if subscribed #}
+							{% if list in subscribed_lists %}
+								<span class="tag is-success is-pulled-right">
+									{{ _("Subscribed") }}
+								</span>
+							{% else %}
+								<span class="tag is-pulled-right">
+									{{ _("Not Subscribed") }}
+								</span>
+							{% end %}
+						</h5>
+
+						{% if list.description %}
+							<h6 class="subtitle is-6">{{ list.description }}</h6>
+						{% end %}
+					</div>
+				</div>
+			{% end %}
 		</div>
 	</section>
 {% end block %}
-- 
2.47.3