Fix card screen layout

2 files changed, 6 insertions, 3 deletions

diff --git a/webapp/src/default.css b/webapp/src/default.css
index 2dc6a3d..9238804 100644
--- a/webapp/src/default.css
+++ b/webapp/src/default.css
@@ -15,7 +15,7 @@ body {
     grid-template-areas: "north north north nav"
                          "west center east nav"
                          "south south south nav";
-    grid-template-rows: 10vw 1fr 10vw;
+    grid-template-rows: 10vw minmax(400px, 1fr) 10vw;
     grid-template-columns: 10vw 1fr 10vw 10vw;
     width: 100vw;
     height: 100vh;
@@ -62,6 +62,7 @@ body {
 .hand {
     display: flex;
     justify-content: center;
+    align-items: center;
 }
 
 .hand .card {
@@ -79,7 +80,7 @@ body {
     border: 2px solid #444;
     transition: 0.1s;
     font-family: Arial, sans-serif;
-    font-size: 3.5vw;
+    font-size: 2vw;
     padding: 4px;
     background-color: #fcfcf0;
     color: #000;
diff --git a/webapp/src/main.rs b/webapp/src/main.rs
index ef394a6..ede4390 100644
--- a/webapp/src/main.rs
+++ b/webapp/src/main.rs
@@ -41,9 +41,11 @@ pub fn app() -> Html {
             (),
         )
     }
+
+    info!("Got message from server: {}", &*msg);
+
     html! {
         <>
-        <p>{ &*msg }</p>
             <div class="app">
                 <Game />
             </div>