style adjustments
authorGeoffrey Allott <geoffrey@allott.email>
Fri, 26 May 2023 20:02:59 +0000 (21:02 +0100)
committerGeoffrey Allott <geoffrey@allott.email>
Fri, 26 May 2023 20:02:59 +0000 (21:02 +0100)
site/style/chatroom.css
site/style/game-list.css

index 7c7246c1947c4b5ade2db6928b1b61a16f353dd9..3b36722676a6e7b9a72444e09a2232c89218d1e7 100644 (file)
@@ -27,7 +27,7 @@
 
 .chatroom-username {
     justify-self: left;
-    width: 36vmin;
+    width: 32vmin;
     height: 100%;
     margin: 0.5vmin;
     background-color: grey;
index e44e83b2762a32934da0cbfcfa983a7481d2cf47..b0c88faeaf0317cd4c555f4ba5a5f32ac8adb603 100644 (file)
@@ -4,17 +4,17 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    font-size: 3vw;
+    font-size: 3vh;
 }
 
 .game-list-outside > input {
     width: 100%;
-    height: 4vw;
+    height: 4vh;
     font-size: inherit;
 }
 
 .game-list-outside > button {
-    height: 10vw;
+    height: 10vh;
     width: 100%;
     font-size: inherit;
 }
     grid-column: 2 / 3;
     grid-row: 2 / 3;
     background-color: skyblue;
-    border-radius: 2vw;
-    padding: 4vw;
-    font-size: 3vw;
+    border-radius: 2vh;
+    padding: 4vh;
+    font-size: 3vh;
 }
 
 .game-popup > table {
     border-collapse: collapse;
     width: 100%;
-    height: calc(100% - 4vw);
+    height: calc(100% - 10vh);
 }
 
 .game-popup > table.TexasHoldEm tr.game-field {
 
 .game-popup > button {
     width: 100%;
-    font-size: 4vw;
+    font-size: 4vh;
 }
 
 @keyframes new-game {
 .game-summary {
     border: 1px solid grey;
     border-top: none;
+    height: 10vh;
     font-family: sans;
     cursor: pointer;
     background-color: #ffffff;