changed position css and input bar

4 files changed, 29 insertions, 24 deletions

diff --git a/res/css/partials/input-bar.scss b/res/css/partials/input-bar.scss
index 9fb47d64..0b7df9f6 100644
--- a/res/css/partials/input-bar.scss
+++ b/res/css/partials/input-bar.scss
@@ -1,12 +1,18 @@
+.input-container {
+  position: relative;
+  margin: $two-baselines 0 0 $doc-margin;
+
+  form {
+    display: inline;
+  }
+}
+
+
 .input-bar {
   font-family: $base-font-family;
   color: $mid-grey;
-  position: fixed;
-  display: block;
-  height: $input-bar-height;
+  height: $three-baselines;
   width: 420px;
-  top: $top-bar-height+$search-bar-height+$task-alert-height+20px;
-  left: $doc-margin;
   padding-left:8px;
   border-radius: 4px;
   border: 1px solid $mid-grey;
@@ -24,13 +30,12 @@
   color: $mid-grey;
 }
 
-
 .add-button {
-  position:fixed;
-  top: $top-bar-height+$search-bar-height+$task-alert-height+22px;
-  height: 36px;
-  width: 36px;
-  left: 453px;
+  position:relative;
+  height: 30px;
+  width: 30px;
+  left: -38px;
+  top: 10px;
 }
 
 .suggestion{
@@ -44,7 +49,7 @@
 
 .ui-helper-hidden-accessible{
   position:fixed;
-  top: $top-bar-height+$search-bar-height+$task-alert-height+35px+$input-bar-height;
+  top: $three-baselines+$four-baselines+$four-baselines+35px+$three-baselines;
   left:$doc-margin+8px;
   text-shadow: -1px 1px 8px #E DE275, 1px -1px 8px #EDE275;
   font-size:16px;
diff --git a/res/css/partials/search-bar.scss b/res/css/partials/search-bar.scss
index b9c37f40..94566de2 100644
--- a/res/css/partials/search-bar.scss
+++ b/res/css/partials/search-bar.scss
@@ -1,6 +1,6 @@
 .search-bar{
   width:100%;
-  height:$search-bar-height;
+  height:$four-baselines;
   background: white;
   -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
@@ -10,16 +10,16 @@
 .search-input{
   position: fixed;
   width: 100%;
-  top: $top-bar-height+($search-bar-height - $search-icon-height)/2;
-  height:$search-icon-height;
+  top: $three-baselines+($four-baselines - $icon-height)/2;
+  height:$icon-height;
   left: $doc-margin + 40px;
 }
 .search-icon {
   position:fixed;
   width:20px;
-  height:$search-icon-height;
+  height:$icon-height;
   left: $doc-margin;
-  top: $top-bar-height+($search-bar-height - $search-icon-height)/2;
+  top: $three-baselines+($four-baselines - $icon-height)/2;
 }
 
 input {
diff --git a/res/css/partials/task-alert.scss b/res/css/partials/task-alert.scss
index b10d4805..02ddc202 100644
--- a/res/css/partials/task-alert.scss
+++ b/res/css/partials/task-alert.scss
@@ -1,7 +1,7 @@
 .task-alert{
   position:relative;
   width: 100%;
-  height:$task-alert-height;
+  height:$four-baselines;
   background-color: $light-cyan;
   color: $darker-cyan;
   border-top: 1px solid $dark-cyan;
@@ -12,21 +12,21 @@
 .task-desc{
   position:fixed;
   width:100%;
-  height: $task-desc-height;
-  top: $top-bar-height + $search-bar-height + ($task-alert-height - $task-desc-height)/2;
+  height: $icon-height;
+  top: $three-baselines + $four-baselines + ($four-baselines - $icon-height)/2;
   text-align: center;
   font-size: $h3-size;
 }
 
 .task-close-text {
   position:fixed;
-  top: $top-bar-height + $search-bar-height + ($task-alert-height - $task-desc-height)/2 + 1 ;
+  top: $three-baselines + $four-baselines + ($four-baselines - $icon-height)/2 + 1 ;
   right: 70px;
   font-size: $h4-size;
 }
 
 .task-close-button {
   position: fixed;
-  top: $top-bar-height + $search-bar-height + ($task-alert-height - $task-desc-height)/2;
+  top: $three-baselines + $four-baselines + ($four-baselines - $icon-height)/2;
   right: 50px;
-}
\ No newline at end of file
+} 
\ No newline at end of file
diff --git a/res/css/partials/top-bar.scss b/res/css/partials/top-bar.scss
index 85961d41..a04fdb77 100644
--- a/res/css/partials/top-bar.scss
+++ b/res/css/partials/top-bar.scss
@@ -3,7 +3,7 @@
   top:0;
   left:0;
   width:100%;
-  min-height:$top-bar-height;
+  min-height:$three-baselines;
   background-color:$dark-grey;
 }