Moving the add timer button to title bar

1 files changed, 18 insertions, 13 deletions

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 {