From 146387c439dee8fef31392103739962196dc03c5 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sun, 3 Aug 2025 13:36:55 +0200
Subject: [PATCH] [BUGFIX] styling msg success, error, etc.

---
 src/page.rs            | 12 +++++++++---
 static/serve/style.css |  3 ++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/page.rs b/src/page.rs
index 6423262..4147802 100644
--- a/src/page.rs
+++ b/src/page.rs
@@ -95,26 +95,32 @@ impl Page {
 
                     main.container {
                         @if let Some(found_camera) = &self.found_camera {
-                            article class="succ w-full" {
+                            div.flex {
+                                article class="succ msg" {
                                 header { (t!("found_camera_title", name = found_camera)) }
                                 (t!("found_camera_body"))
                                 " "
                                 a href="#ranking" { "See your ranking" }
                                 footer { (found_camera) }
                             }
+                            }
                         }
                         @if self.new_name {
-                            article class="name w-full" {
+                          div.flex {
+                            article class="name msg" {
                                 header { "New name!" }
                                 "Does it feel much different?"
                             }
+                          }
                         }
                         @if let Some(err) = &self.err {
-                            article class="error w-full" {
+                          div.flex {
+                            article class="error msg" {
                                 header { (err.0) }
                                 (err.1)
                                 footer { (err.2) }
                             }
+                          }
                         }
 
                         section { (content) }
diff --git a/static/serve/style.css b/static/serve/style.css
index 364f209..b4d3e79 100644
--- a/static/serve/style.css
+++ b/static/serve/style.css
@@ -97,10 +97,11 @@ input[type="submit"]:active {
   flex-wrap: wrap;
 }
 
-.w-full {
+.msg {
   width: 100%;
   max-width: 40rem;
   text-align: center;
+  margin: auto;
 }
 
 .small {