Simplifying header bar style

2 files changed, 19 insertions, 21 deletions

diff --git a/design/design.css b/design/design.css
index 187b9a6..820bf29 100644
--- a/design/design.css
+++ b/design/design.css
@@ -1,35 +1,33 @@
-.title {
+.headerBar {
+  background-color: #111111;
+  margin-bottom: 30px;
+  font-size: 70px;
+  box-shadow: 0px 2px 2px grey;
+}
+
+.headerBar > button {
   background-color: #111111;
   color: white;
-  margin-bottom: 20px;
   height: 150px;
   line-height: 150px;
   font-size: 70px;
-}
-
-.title > button.title {
-  letter-spacing: 10px;
   border: none;
-  padding-left: 50px;
-  padding-right: 50px;
   font-family: "DejaVu Serif";
-  transition: all 0.4s ease;
+  transition: color 0.4s ease;
+}
+
+.headerBar > button.title {
+  letter-spacing: 12px;
+  padding: 0 50px;
 }
 
-.title > button.addTimer {
+.headerBar > button.addTimer {
   float: right;
-  color: white;
-  border: 5px solid white;
-  background-color: #111111;
-  border-radius: 10px;
-  font-size: 50px;
-  margin-top: 35px;
-  margin-right: 50px;
-  transition: all 0.4s ease;
+  padding: 0 50px;
 }
 
-.title > button.addTimer:hover,
-.title > button.title:hover {
+.headerBar > button:hover,
+.headerBar > button:hover {
   color: #CCCC88;
   border-color: #CCCC88;
 }
diff --git a/src/View/View.elm b/src/View/View.elm
index e86ea52..0500610 100644
--- a/src/View/View.elm
+++ b/src/View/View.elm
@@ -33,7 +33,7 @@ view model =
 title : Html
 title =
   div
-    [ class "title" ]
+    [ class "headerBar" ]
     [ button
         [ onClick (Signal.send updates Initialize)
         , class "title"