From 34f15cc40762e850f432c853b47bcb5a5fea0631 Mon Sep 17 00:00:00 2001
From: Jan Eitzinger <jan@moebiusband.org>
Date: Fri, 23 Jun 2023 10:20:48 +0200
Subject: [PATCH] Convert styling and layout to bootstrap

---
 web/templates/message.tmpl | 39 +++++++-------------------------------
 1 file changed, 7 insertions(+), 32 deletions(-)

diff --git a/web/templates/message.tmpl b/web/templates/message.tmpl
index 9aac8d0..4d2e890 100644
--- a/web/templates/message.tmpl
+++ b/web/templates/message.tmpl
@@ -1,42 +1,17 @@
 
 {{define "content"}}
-    <div class="row">
-        <div class="col messageCol">
-            <div class="alert messageCard {{.MsgType}}" role="alert">
+    <div class="row justify-content-center">
+        <div class="col-4">
+            <div class="alert {{.MsgType}} p-3 text-center fs-3" role="alert">
                 {{if eq .MsgType "alert-info"}}
-                <i class="bi-info-circle-fill messageIcon"></i>
-                <b>{{.Message}}</b>
+                <i class="bi-info-circle-fill me-3"></i>
                 {{else if eq .MsgType "alert-warning"}}
-                <i class="bi-question-circle-fill messageIcon"></i>
-                <b>{{.Message}}</b>
+                <i class="bi-question-circle-fill me-3"></i>
                 {{else if eq .MsgType "alert-danger"}}
-                <i class="bi-exclamation-circle-fill messageIcon"></i>
-                <b>{{.Message}}</b>
+                <i class="bi-exclamation-circle-fill me-3"></i>
                 {{end}}
+                {{.Message}}
             </div>
         </div>
     </div>
 {{end}}
-
-{{define "stylesheets"}}
-    <style>
-        .messageCol {
-            display: flex;
-            justify-content: center;
-        }
-
-        .messageCard {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 50%;
-            padding-top: 2rem;
-            padding-bottom: 2rem;
-        }
-
-        .messageIcon {
-            font-size: 2rem;
-            margin-right:1rem;
-        }
-    </style>
-{{end}}
\ No newline at end of file