From 1f7c3f844b3a7273f0e2f211ea00955a1ce2e0e7 Mon Sep 17 00:00:00 2001
From: Joris Guyonvarch
Date: Mon, 16 Mar 2015 22:31:37 +0100
Subject: Moving the add timer button to title bar

---
 design/design.css | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

(limited to 'design/design.css')

diff --git a/design/design.css b/design/design.css
index 53a2eed..40eeaad 100644
--- a/design/design.css
+++ b/design/design.css
@@ -1,22 +1,27 @@
-h1 {
-  font-size: 70px;
-  padding: 20px;
+.title {
   background-color: #111111;
   color: white;
-  letter-spacing: 10px;
-  padding: 30px;
   margin-bottom: 20px;
+  height: 150px;
+  line-height: 150px;
+  font-size: 70px;
+  padding-left: 30px;
 }
 
-button.addTimer {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
-  color: #33AA22;
-  border: 5px solid #33AA22;
-  background-color: white;
-  border-radius: 5px;
+.title > h1 {
+  letter-spacing: 10px;
+  float: left;
+}
+
+.title > button {
+  float: right;
+  color: white;
+  border: 5px solid white;
+  background-color: #111111;
+  border-radius: 10px;
   font-size: 50px;
+  margin-top: 35px;
+  margin-right: 30px;
 }
 
 .timers {
-- 
cgit v1.2.3