From 3bf2e6f25cb6485c245512e1036f1c624c911d3f Mon Sep 17 00:00:00 2001
From: Samuel Meuli <dev@samuelmeuli.com>
Date: Fri, 2 Feb 2018 00:30:38 +0100
Subject: [PATCH] Simplify styles

---
 src/scss/style.scss | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/scss/style.scss b/src/scss/style.scss
index caaa95c..a8539b3 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -1,15 +1,14 @@
-$element-height: 35px;
-$width: 200px;
-
+$box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
 $color-dropdown-button: #CBCBCB;
 $color-font-list: #EAEAEA;
+$element-height: 35px;
 
 
 #font-picker {
 	display: inline-block;
-	width: $width;
+	width: 200px;
 	position: relative;
-	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
+	box-shadow: $box-shadow;
 
 	* {
 		box-sizing: border-box;
@@ -45,7 +44,7 @@ $color-font-list: #EAEAEA;
 
 	ul {
 		max-height: 0;
-		width: $width;
+		width: 100%;
 		position: absolute;
 		z-index: 1;
 		overflow-x: hidden;
@@ -54,7 +53,7 @@ $color-font-list: #EAEAEA;
 		padding: 0;
 		background-color: $color-font-list;
 		transition: 0.3s;
-		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
+		box-shadow: $box-shadow;
 
 		&.expanded {
 			max-height: 200px;