From bae9053db1911a865e541681b3aed6a8d52643b4 Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sun, 18 Mar 2018 02:59:50 +0100
Subject: [PATCH] Minor UI improvements

---
 assets/sass/style.sass | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index 561cac4..25ed7d2 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -104,18 +104,33 @@ form.upload
       display: none
 
   label
+    position: relative
     display: inline-block
-    background: #FFC107
-    padding: 4px 16px
-    border-radius: 2px
-    box-shadow: 0 1px 2px rgba(0,0,0,0.1)
-    line-height: 24px
-    color: #282828
-    cursor: pointer
+    overflow: hidden
     &:hover,&:focus
       background: #FFD54F
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
 
+    span.text
+      position: relative
+      display: inline-block
+      background: #FFC107
+      padding: 4px 16px
+      border-radius: 2px
+      box-shadow: 0 1px 2px rgba(0,0,0,0.1)
+      line-height: 24px
+      color: #282828
+      cursor: pointer
+      z-index: 1
+
+    input[type=file]
+      position: absolute
+      left: 0
+      right: 0
+      top: 0
+      bottom: 0
+      opacity: 0
+
   input[type=submit]
     display: none
 
-- 
GitLab