From 0abb127f8e05c0259e3c7d83634bd37745f8ddbb Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sun, 3 Jan 2021 16:04:14 -0700
Subject: [PATCH] Migrate button styles to the general document

---
 web/src/components/ChooseObject.vue   | 2 --
 web/src/components/GameBoard.vue      | 2 --
 web/src/components/Hand.vue           | 2 --
 web/src/components/TeamRoleSelect.vue | 3 ---
 web/src/css/style.css                 | 6 ++++++
 web/src/views/CreateJoin.vue          | 3 ---
 web/src/views/Lobby.vue               | 3 ---
 7 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/web/src/components/ChooseObject.vue b/web/src/components/ChooseObject.vue
index ca36d53..cfc072b 100644
--- a/web/src/components/ChooseObject.vue
+++ b/web/src/components/ChooseObject.vue
@@ -119,9 +119,7 @@ export default {
 button {
 	background: var(--card-button);
 	border-radius: 7px;
-	border-style: none;
 	font-size: larger;
-	outline: none;
 	padding: 7px;
 	margin: 10px;
 }
diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue
index fdc3280..435d58d 100644
--- a/web/src/components/GameBoard.vue
+++ b/web/src/components/GameBoard.vue
@@ -243,9 +243,7 @@ input[type="text"].other-team-answer {
 button {
 	background-color: var(--board-background-alt);
 	border-radius: 0 20px 0 7px;
-	border-style: none;
 	position: absolute;
-	outline: none;
 	padding: 10px;
 	right: 0;
 	top: 0;
diff --git a/web/src/components/Hand.vue b/web/src/components/Hand.vue
index cd0eb86..54e972f 100644
--- a/web/src/components/Hand.vue
+++ b/web/src/components/Hand.vue
@@ -172,9 +172,7 @@ export default {
 
 button {
 	border-radius: 7px;
-	border-style: none;
 	font-size: larger;
-	outline: none;
 	padding: 7px;
 	margin: 5px;
 }
diff --git a/web/src/components/TeamRoleSelect.vue b/web/src/components/TeamRoleSelect.vue
index cbd63bb..eb8ea41 100644
--- a/web/src/components/TeamRoleSelect.vue
+++ b/web/src/components/TeamRoleSelect.vue
@@ -84,11 +84,8 @@ export default {
 button {
 	background-color: var(--background3);
 	color: var(--background3-text);
-	font-family: var(--fonts);
 	border-radius: 50px;
-	border-style: none;
 	font-size: larger;
-	outline: none;
 	padding: 10px;
 	margin: 10px;
 	width: 85%;
diff --git a/web/src/css/style.css b/web/src/css/style.css
index 0a4f2a8..fb3eb26 100644
--- a/web/src/css/style.css
+++ b/web/src/css/style.css
@@ -8,4 +8,10 @@
 
 .centre {
 	text-align: center;
+}
+
+
+button {
+	border-style: none;
+	outline: none;
 }
\ No newline at end of file
diff --git a/web/src/views/CreateJoin.vue b/web/src/views/CreateJoin.vue
index e98318d..fd92990 100644
--- a/web/src/views/CreateJoin.vue
+++ b/web/src/views/CreateJoin.vue
@@ -121,11 +121,8 @@ export default {
 button {
 	background-color: var(--background2);
 	color: var(--background2-text);
-	font-family: var(--fonts);
 	border-radius: 50px;
-	border-style: none;
 	font-size: larger;
-	outline: none;
 	padding: 10px;
 	margin: 10px;
 	width: 25%;
diff --git a/web/src/views/Lobby.vue b/web/src/views/Lobby.vue
index 3bc0836..4755566 100644
--- a/web/src/views/Lobby.vue
+++ b/web/src/views/Lobby.vue
@@ -131,11 +131,8 @@ export default {
 button {
 	background-color: var(--background2);
 	color: var(--background2-text);
-	font-family: var(--fonts);
 	border-radius: 50px;
-	border-style: none;
 	font-size: larger;
-	outline: none;
 	padding: 10px;
 	margin: 10px;
 	width: 30%;