🐛 Fix not-centered AvatarSelector rendering issue

src/components/avatar_selector.rs

@@ -35,21 +35,15 @@ pub fn AvatarSelector(cx: Scope) -> Element {
                     },
                 },
                 rect {
-                    width: "90",
-                    height: "90",
+                    x: "10",
+                    y: "10",
+                    width: "80",
+                    height: "80",
                     rx: "12",
                     fill: "url('#avatar-gradient')",
                     filter: "url('#avatar-shadow')",
                     stroke: "grey",
                 },
-                // rect {
-                //     x: "7.5",
-                //     y: "7.5",
-                //     width: "75",
-                //     height: "75",
-                //     fill: "transparent",
-                //     stroke: "grey",
-                // },
             },
             img {
                 class: ClassName::PICTURE,

src/components/avatar_selector.scss

@@ -4,11 +4,14 @@
 	aspect-ratio: 1;
 
     .picture {
+		$height: 65%;
+		$margin: calc(100% - $height) / 2;
+
         position: absolute;
-	    height: 75%;
+	    height: $height;
 	    aspect-ratio: 1;
 
-	    bottom: 17.5%;
-	    right: 18%;
+		top: $margin;
+		right: $margin;
     }
 }