diff --git a/werewolves/index.scss b/werewolves/index.scss index bb42dbe..cd333af 100644 --- a/werewolves/index.scss +++ b/werewolves/index.scss @@ -3050,6 +3050,17 @@ dialog { flex-direction: row; flex-wrap: wrap; justify-content: baseline; + + .id { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: baseline; + } + + .votes { + margin-left: 1ch; + } } } @@ -3061,6 +3072,10 @@ dialog { font-size: 2em; align-items: center; + .clear { + width: 100%; + } + .mode-buttons { display: flex; flex-direction: row; @@ -3101,4 +3116,14 @@ dialog { flex-direction: column; flex-wrap: nowrap; align-items: center; + min-width: 5cm; + max-width: 9cm; + overflow-x: hidden; +} + +.vote-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 1ch; } diff --git a/werewolves/src/clients/client/client.rs b/werewolves/src/clients/client/client.rs index f28ce19..2de5c8e 100644 --- a/werewolves/src/clients/client/client.rs +++ b/werewolves/src/clients/client/client.rs @@ -188,7 +188,10 @@ pub fn Client2(ClientProps { auto_join }: &ClientProps) -> Html { }, ClientEvent2::GameInProgress => html! { - +
+

{"game in progress"}

+

{"if you're playing, you can come back when dead for dead chat"}

+
}, ClientEvent2::Story(story) => html! {
@@ -196,11 +199,11 @@ pub fn Client2(ClientProps { auto_join }: &ClientProps) -> Html {
}, ClientEvent2::Sleep => html! { - + }, ClientEvent2::Disconnected => html! { -
-

{"disconnected"}

+
+

{"disconnected"}

}, ClientEvent2::Connecting => { diff --git a/werewolves/src/clients/host/host.rs b/werewolves/src/clients/host/host.rs index 154cb2e..6160696 100644 --- a/werewolves/src/clients/host/host.rs +++ b/werewolves/src/clients/host/host.rs @@ -623,7 +623,6 @@ impl Component for Host { } _ => None, }; - log::info!("voting mode button: {}", voting_mode_btn.is_some()); let nav = self.big_screen.not().then(|| { html! {