From 563a3c5c40865aec06965ba3a739544ab70bce1a Mon Sep 17 00:00:00 2001
From: emilis <emilis@puff.place>
Date: Wed, 8 Oct 2025 21:55:23 +0100
Subject: [PATCH] setup display screen less margin

---
 werewolves/index.scss                   | 17 +++++++++--------
 werewolves/src/components/host/setup.rs |  4 ++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/werewolves/index.scss b/werewolves/index.scss
index 491468a..3116395 100644
--- a/werewolves/index.scss
+++ b/werewolves/index.scss
@@ -1122,11 +1122,6 @@ input {
 }
 
 .setup-screen {
-	width: 80%;
-	height: 80%;
-	position: fixed;
-	left: 10%;
-	top: 10%;
 	font-size: 1rem;
 
 	.setup {
@@ -1134,8 +1129,6 @@ input {
 		flex-direction: row;
 		flex-wrap: wrap;
 		gap: 5%;
-		width: 100%;
-		height: 80%;
 	}
 
 	.category {
@@ -1154,8 +1147,10 @@ input {
 		}
 
 		& .count {
-			left: -30px;
+			text-align: right;
+			left: -40px;
 			position: relative;
+
 			width: 0;
 			height: 0;
 		}
@@ -1304,3 +1299,9 @@ input {
 		height: max-content !important;
 	}
 }
+
+.prompt {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+}
diff --git a/werewolves/src/components/host/setup.rs b/werewolves/src/components/host/setup.rs
index 99f496d..9f043b4 100644
--- a/werewolves/src/components/host/setup.rs
+++ b/werewolves/src/components/host/setup.rs
@@ -103,7 +103,7 @@ pub fn SetupCategory(
     let roles_count = match mode {
         CategoryMode::HideAllInfo => None,
         CategoryMode::ShowTotalCount | CategoryMode::ShowExactRoleCount => Some(html! {
-            <span class="count">{roles.len().to_string()}</span>
+            <div class="count">{roles.len().to_string()}</div>
         }),
     };
     let mut roles_in_category = SetupRoleTitle::ALL
@@ -132,8 +132,8 @@ pub fn SetupCategory(
             };
             html! {
                 <div class={classes!("slot")}>
+                    {count}
                     <div class={classes!("role", wakes, r.category().class())}>
-                        {count}
                         {r.to_string().to_case(Case::Title)}
                     </div>
                     <div class="attributes">