From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 29 Nov 2021 14:28:54 +0000 (+0000)
Subject: CSS: Replace card-deck with grid controls
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=7f95f764822e5b91dd7b34ffc26da198bc6b2558;p=ipfire.org.git

CSS: Replace card-deck with grid controls

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/templates/download/release.html b/src/templates/download/release.html
index 566292fd..ee0a56b6 100644
--- a/src/templates/download/release.html
+++ b/src/templates/download/release.html
@@ -26,34 +26,36 @@
 				{% end %}
 			</p>
 
-			<div class="card-deck">
+			<div class="row row-cols-2 row-cols-lg-4 g-4">
 				{% for arch in release.arches %}
-					<div class="card">
-						<div class="card-body">
-							<h6 class="card-title mb-0">
-								{{ arch }}
-
-								{% if arch in release.experimental_arches %}
-									<span class="badge bg-success">{{ _("Experimental") }}</span>
-								{% elif arch in release.secondary_arches %}
-									<span class="badge bg-warning">{{ _("Legacy") }}</span>
+					<div class="col">
+						<div class="card">
+							<div class="card-body">
+								<h6 class="card-title mb-0">
+									{{ arch }}
+
+									{% if arch in release.experimental_arches %}
+										<span class="badge bg-success">{{ _("Experimental") }}</span>
+									{% elif arch in release.secondary_arches %}
+										<span class="badge bg-warning">{{ _("Legacy") }}</span>
+									{% end %}
+								</h6>
+							</div>
+
+							<div class="list-group list-group-flush">
+								{% for file in release.get_files_by_arch(arch) %}
+									<a class="list-group-item list-group-item-action
+											d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
+										<span>
+											<i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
+										</span>
+
+										<span class="text-muted small">
+											{{ format_size(file.size) }}
+										</span>
+									</a>
 								{% end %}
-							</h6>
-						</div>
-
-						<div class="list-group list-group-flush">
-							{% for file in release.get_files_by_arch(arch) %}
-								<a class="list-group-item list-group-item-action
-										d-flex justify-content-between align-items-center download-splash" href="{{ file.url }}">
-									<span>
-										<i class="fas fa-download text-primary"></i> {{ _(file.desc) }}
-									</span>
-
-									<span class="text-muted small">
-										{{ format_size(file.size) }}
-									</span>
-								</a>
-							{% end %}
+							</div>
 						</div>
 					</div>
 				{% end %}