From aab50775d80868348cd4e0a4bc505c2807837b6a Mon Sep 17 00:00:00 2001
From: Jan Eitzinger <jan@moebiusband.org>
Date: Wed, 19 Jul 2023 08:47:42 +0200
Subject: [PATCH] Improve message layout and styling

---
 web/templates/home.tmpl | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/templates/home.tmpl b/web/templates/home.tmpl
index 090cd1c..0705d56 100644
--- a/web/templates/home.tmpl
+++ b/web/templates/home.tmpl
@@ -1,10 +1,16 @@
 {{define "content"}}
 {{if .Infos.message }}
 <div class="row justify-content-center">
-    <div class="col-4">
-        <div class="alert alert-info p-3 text-center fs-3" role="alert">
-            <i class="bi-info-circle-fill me-3"></i>
-            {{.Infos.message}}
+    <div class="col-6">
+        <div class="alert alert-info p-3" role="alert">
+            <div class="row  align-items-center">
+                <div class="col-2">
+                    <h2><i class="bi-info-circle-fill m-3"></i></h2>
+                </div>
+                <div class="col-10">
+                {{.Infos.message}}
+                </div>
+            </div>
         </div>
     </div>
 </div>