From cd13bae07f093b347ba00227cfce768bfa99d450 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 12 Dec 2020 16:08:14 -0700
Subject: [PATCH] Update styling of text inputs to not overlap the text

---
 web/src/components/GameBoard.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue
index b773889..f5b477e 100644
--- a/web/src/components/GameBoard.vue
+++ b/web/src/components/GameBoard.vue
@@ -153,7 +153,7 @@ export default {
 }
 .other-team {
 	text-align: right;
-	left: -40px;
+	left: -50px;
 	top: 25%;
 }
 
@@ -176,6 +176,12 @@ input[type="text"] {
 	outline: none;
 	margin: 7px 0;
 	border: none;
-	width: 95%;
+	width: 90%;
+}
+input[type="text"].team-answer {
+	padding-right: 5%;
+}
+input[type="text"].other-team-answer {
+	padding-left: 5%;
 }
 </style>
\ No newline at end of file