[TASK] style highscore list

src/game.rs

@@ -27,9 +27,18 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
         p {
             mark { "TODO: Show optional SUCC message" }
         }
+
+        form {
+          fieldset role="group" {
+            input name="name" placeholder="Replace Name" aria-label="Name";
+            input type="submit" value="Save";
+          }
+        }
+
         p {
             mark { "TODO: Show optional REGISTER-NAME message" }
         }
+
         p { "You have found " (sightings.len()) "/" (amount_total_cameras) " cameras." }
         p {
             h2 { "Highscore" }
@@ -37,8 +46,8 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
                 @for rank in highscore {
                     li.card {
                         span {
-                          span.font-headline.rank {
-                            (rank.rank)
+                          span.font-headline.rank.text-muted {
+                            (rank.rank)"."
                           }
                           @if rank.uuid == client.uuid { (PreEscaped("<mark>")) }
                           @if let Some(name) = rank.name { (name) } @else { 
@@ -46,8 +55,8 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
                             (get_name_by_uuid(&rank.uuid))}
                           @if rank.uuid == client.uuid { (PreEscaped("</mark>")) }
                         }
-                        span {
-                          (rank.amount)
+                        span.font-headline.cam {
+                          (rank.amount)(PreEscaped("&nbsp;"))"📸" 
                         }                        
                     }
                 }