gcloud config, various bugfixes

client/src/styles/GLOBAL.css

@@ -31,6 +31,19 @@ body {
     flex-direction: column;
     align-items: flex-start;
     margin: 0 auto;
+    position: relative;
+}
+
+.bmc-btn {
+    height: 40px !important;
+    border-radius: 3px !important;
+    font-size: 18px !important;
+    min-width: 180px !important;
+    padding: 0 17px !important;
+}
+
+.bmc-btn-text {
+    margin: 0 !important;
 }
 
 h1 {
@@ -76,6 +89,7 @@ h3 {
     text-decoration: none;
     cursor: pointer;
     font-family: 'diavlo', sans-serif;
+    margin: 0 0.25em;
 }
 
 #footer a:hover {

client/src/styles/create.css

@@ -257,6 +257,7 @@ input[type="number"] {
 #game-creation-container {
     width: 95%;
     max-width: 60em;
+    position: relative;
 }
 
 #tracker-container {

client/src/styles/game.css

@@ -58,6 +58,7 @@ body {
 
 #lobby-header {
     margin-bottom: 1em;
+    max-width: 95%;
 }
 
 h1 {
@@ -115,13 +116,6 @@ h1 {
 }
 
 #game-link {
-    user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
     cursor: pointer;
     margin-top: 10px;
     padding: 7px;
@@ -134,6 +128,13 @@ h1 {
     transition: background-color 0.2s;
 }
 
+#game-link > div {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 95%;
+}
+
 .role-info-name {
     display: flex;
 }
@@ -277,6 +278,9 @@ h1 {
     font-size: 35px;
     text-shadow: 0 3px 4px rgb(0 0 0 / 85%);
     border: 1px solid #747474;
+    min-width: 5em;
+    display: flex;
+    justify-content: center;
 }
 
 #game-timer.low {

client/src/styles/modal.css

@@ -1,7 +1,7 @@
 .modal {
     border-radius: 2px;
     text-align: center;
-    position: fixed;
+    position: absolute;
     width: 85%;
     z-index: 100;
     top: 50%;
@@ -11,7 +11,6 @@
     align-items: center;
     justify-content: center;
     max-width: 25em;
-    height: fit-content;
     font-family: sans-serif;
     flex-direction: column;
     padding: 1em;
@@ -49,3 +48,11 @@
     justify-content: space-between;
     flex-direction: row;
 }
+
+#change-name-modal, #transfer-mod-modal, #role-info-modal {
+    position: fixed;
+}
+
+#role-info-modal, #transfer-mod-modal {
+    max-height: 80%;
+}