💄 Center and uppercase the content of the Register and Login buttons

src/components/button.rs

@@ -53,13 +53,11 @@ impl IconShape for RegisterText {
     fn child_elements(&self) -> LazyNodes {
         rsx! {
             text {
-                x: "50%",
                 y: "50%",
-                "dominant-baseline": "middle",
-                "text-anchor": "middle",
+                "dominant-baseline": "central",
                 "font-size": "50",
                 style: "fill: #ffffff",
-                "Register"
+                "REGISTER"
             }
         }
     }
@@ -103,7 +101,7 @@ pub fn RegisterButton<'a>(cx: Scope<'a, ButtonProps>) -> Element<'a> {
 struct LoginText;
 impl IconShape for LoginText {
     fn view_box(&self) -> String {
-        String::from("0 0 250 50")
+        String::from("0 0 150 50")
     }
     fn xmlns(&self) -> String {
         String::from("http://www.w3.org/2000/svg")
@@ -111,13 +109,11 @@ impl IconShape for LoginText {
     fn child_elements(&self) -> LazyNodes {
         rsx! {
             text {
-                x: "50%",
                 y: "50%",
-                "dominant-baseline": "middle",
-                "text-anchor": "middle",
+                "dominant-baseline": "central",
                 "font-size": "50",
                 style: "fill: #ffffff",
-                "Login"
+                "LOGIN"
             }
         }
     }

src/components/button.scss

@@ -13,7 +13,7 @@
     font-weight: bold;
 
     svg {
-        height: 100%;
+        height: 60%;
         width: 100%;
     }
 }