[BUGFIX] styling msg success, error, etc.

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) }

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 {