diff --git a/src/app/pages/game/game.component.css b/src/app/pages/game/game.component.css index 34fc047..30be02f 100644 --- a/src/app/pages/game/game.component.css +++ b/src/app/pages/game/game.component.css @@ -65,14 +65,6 @@ h2 { color: #5A2C28; } -.move-form input { - border: 2px solid #5A2C28; - border-radius: 10px; - background: #B9DAD1; - padding: 0.6rem 0.75rem; - min-width: 180px; -} - .move-form button { border: 2px solid #5A2C28; border-radius: 10px; @@ -88,6 +80,22 @@ h2 { color: #F3C8A0; } +/* Unified form input class for all text inputs and textareas */ +.form-input { + border: 2px solid #5A2C28; + border-radius: 10px; + background: #B9DAD1; + padding: 0.6rem 0.75rem; + font-family: inherit; + min-width: 180px; +} + +.form-input:focus { + outline: none; + background: #B9C2DA; + border-color: #BA6D4B; +} + .center-column { width: 100%; } @@ -118,21 +126,12 @@ h2 { } .import-card textarea { - border: 2px solid #5A2C28; - border-radius: 8px; - background: #B9DAD1; - padding: 0.6rem 0.75rem; resize: vertical; min-height: 100px; - font-family: inherit; } .import-card input { - border: 2px solid #5A2C28; - border-radius: 8px; - background: #B9DAD1; - padding: 0.6rem 0.75rem; - font-family: inherit; + min-width: unset; } .btn { diff --git a/src/app/pages/game/game.component.html b/src/app/pages/game/game.component.html index 237e5ef..ba7d691 100644 --- a/src/app/pages/game/game.component.html +++ b/src/app/pages/game/game.component.html @@ -18,6 +18,7 @@