From fbda6b73ac10f9c51b45240cdeee5d623d7d1ca3 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 7 Jul 2020 23:38:55 +0200
Subject: [PATCH] =?UTF-8?q?Stylizacja=20przycisk=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                   | 21 +++++++++++++++++++++
 src/components/ui/Options.vue | 20 +-------------------
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3f9fec7..92c2132 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -125,6 +125,27 @@ input {
   box-sizing: border-box;
 }
 
+button {
+  display: flex;
+  align-items: center;
+
+  background: #333;
+  border: none;
+
+  color: #e0e0e0;
+  font-size: 0.9em;
+
+  outline: none;
+  padding: 0.5em;
+  cursor: pointer;
+
+  transition: all 0.3s;
+
+  &:hover {
+    background: rgba(#e0e0e0, 0.4);
+  }
+}
+
 a {
   color: white;
   text-decoration: none;
diff --git a/src/components/ui/Options.vue b/src/components/ui/Options.vue
index 673d161..96eb57c 100644
--- a/src/components/ui/Options.vue
+++ b/src/components/ui/Options.vue
@@ -57,21 +57,8 @@ export default Vue.extend({
 }
 
 button {
-  color: #e0e0e0;
   font-size: 0.8em;
-
-  display: flex;
-  align-items: center;
-
-  background: #333;
-  border: none;
-
-  outline: none;
-  padding: 0.2em;
-
-  cursor: pointer;
-
-  transition: all 0.3s;
+  padding: 0.3em;
 
   img {
     width: 1.3em;
@@ -83,10 +70,5 @@ button {
     border: none;
     font-weight: bold;
   }
-
-  &:hover,
-  &:focus {
-    background: rgba(#e0e0e0, 0.1);
-  }
 }
 </style>
\ No newline at end of file