From bf84a87821e63774340cbff9e4356d1b30d415b7 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shpuld@gmail.com>
Date: Wed, 21 Jun 2017 17:15:45 +0300
Subject: Make buttons stand out with some shading.

---
 src/App.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index a5f190cb..3ba79f3f 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -33,9 +33,13 @@ button{
     border: none;
     border-radius: 5px;
     cursor: pointer;
-
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 0px 2px black;
+    font-size: 14px;
+    
     &:hover {
-        opacity: 0.8;
+        box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
     }
 }
 
-- 
cgit v1.2.3-70-g09d2