setup display screen less margin

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;
+}

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")}>
-                    <div class={classes!("role", wakes, r.category().class())}>
                     {count}
+                    <div class={classes!("role", wakes, r.category().class())}>
                         {r.to_string().to_case(Case::Title)}
                     </div>
                     <div class="attributes">