From b8ca172ab484e3a2687e1e46f511a0445a925e1f Mon Sep 17 00:00:00 2001
From: pluja <codeberg@r3d.red>
Date: Tue, 7 May 2024 23:39:27 +0200
Subject: [PATCH] fix announcement mobile spacing

---
 src/frontend/templates/index.html | 48 +++++++++++++++----------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/frontend/templates/index.html b/src/frontend/templates/index.html
index 420aab7..f159628 100644
--- a/src/frontend/templates/index.html
+++ b/src/frontend/templates/index.html
@@ -1,28 +1,28 @@
 {{if .Announcement}}
-    <a target="_blank" href="{{.Announcement.Link}}"
-        class="flex flex-col justify-center items-center p-2 mx-auto space-x-2 max-w-sm rounded-lg border transition duration-200 {{if .Announcement.Warning}}border-yellow-900 hover:border-yellow-700{{else}} hover:border-lime-700 border-lime-900{{end}}  bg-black/30">
-        <span class="flex justify-center items-center font-bold">
-            {{if .Announcement.Warning}}
-            <svg xmlns="http://www.w3.org/2000/svg" class="mr-1.5 text-yellow-600 size-5" width="24" height="24" viewBox="0 0 24 24"
-                stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                <path
-                    d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z"
-                    stroke-width="0" fill="currentColor" />
-            </svg>
-            {{else}}
-            <svg xmlns="http://www.w3.org/2000/svg" class="mr-1.5 text-lime-600 size-5" viewBox="0 0 24 24" stroke-width="1.5"
-                stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                <circle cx="12" cy="12" r="9" />
-                <line x1="12" y1="8" x2="12.01" y2="8" />
-                <polyline points="11 12 12 12 12 16 13 16" />
-            </svg>
-            {{end}}
-            {{.Announcement.Title}}
-        </span>
-        <span class="text-xs lowercase">{{.Announcement.Body}}</span>
-    </a>
+<a target="_blank" href="{{.Announcement.Link}}"
+    class="flex flex-col justify-center items-center p-2 mx-auto mt-4 space-x-2 max-w-xs rounded-lg border transition duration-200 {{if .Announcement.Warning}}border-yellow-900 hover:border-yellow-700{{else}} hover:border-lime-700 border-lime-900{{end}}  bg-black/30">
+    <span class="flex justify-center items-center font-bold">
+        {{if .Announcement.Warning}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="mr-1.5 text-yellow-600 size-5" width="24" height="24" viewBox="0 0 24 24"
+            stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path
+                d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z"
+                stroke-width="0" fill="currentColor" />
+        </svg>
+        {{else}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="mr-1.5 text-lime-600 size-5" viewBox="0 0 24 24" stroke-width="1.5"
+            stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <circle cx="12" cy="12" r="9" />
+            <line x1="12" y1="8" x2="12.01" y2="8" />
+            <polyline points="11 12 12 12 12 16 13 16" />
+        </svg>
+        {{end}}
+        {{.Announcement.Title}}
+    </span>
+    <span class="text-xs lowercase">{{.Announcement.Body}}</span>
+</a>
 {{end}}