🚧 Make Button usable outside of the button.rs file

src/ui/components/button.rs

@@ -77,7 +77,7 @@ pub struct ButtonProps {
     children: Element,
 }
 
-fn Button(props: ButtonProps) -> Element {
+pub fn Button(props: ButtonProps) -> Element {
     rsx! {
         style { {STYLE_SHEET} },
 

src/ui/components/button.scss

@@ -5,16 +5,22 @@
     aspect-ratio: 3.5;
 
     border: $border-normal;
-    border-radius: $border-radius;
+    border-radius: 5%;
 
     color: get-color(greyscale, 0);
 
     font-family: "Geist";
     font-weight: bold;
 
+    // To center the inner svg
+    // TODO: Find a more efficient way to center
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
     svg {
-        height: 100%;
+        height: 85%;
-        width: 100%;
+        width: 85%;
 
         text {
             font-size: 50;