Input bar styling - submit button not working

5 files changed, 50 insertions, 26 deletions

diff --git a/res/css/partials/base.scss b/res/css/partials/base.scss
index 5c76b51f..d565b86d 100644
--- a/res/css/partials/base.scss
+++ b/res/css/partials/base.scss
@@ -16,7 +16,7 @@ body {
   padding: 0;
   color: #FFF;
   font-size: 14px;
-  background-color:#080808;
+  background-color:#f5f5fa;
 }
 
 a{
diff --git a/res/css/partials/graph-view.scss b/res/css/partials/graph-view.scss
index b885031d..c2d1e2b8 100644
--- a/res/css/partials/graph-view.scss
+++ b/res/css/partials/graph-view.scss
@@ -1,3 +1,8 @@
+.graph-view {
+  width:100%;
+  background-color: #f5f5fa; //$light-grey
+}
+
 .node {
   stroke: #fff;
   stroke-width: 1px;
diff --git a/res/css/partials/input-bar.scss b/res/css/partials/input-bar.scss
new file mode 100644
index 00000000..07df842e
--- /dev/null
+++ b/res/css/partials/input-bar.scss
@@ -0,0 +1,43 @@
+.input-bar {
+  position: fixed;
+  display: block;
+  height: $input-bar-height;
+  width: 420px;
+  top: $top-bar-height+$search-bar-height+$task-alert-height+20px;
+  left: $left-margin;
+  padding-left:8px;
+  border-radius: 4px;
+  border: 1px solid #919095;//$mid-grey
+  background: white;
+  &:focus {
+    border-radius: 4px;
+    border: 1px solid #919095;//$mid-grey
+    -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);
+    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);  }
+}
+
+.add-button {
+  position:fixed;
+  top: $top-bar-height+$search-bar-height+$task-alert-height+22px;
+  height: 36px;
+  width: 36px;
+  left: 453px;
+}
+
+.suggestion{
+  list-style-type: none;
+}
+
+.suggestion td{
+  position:fixed;
+
+}
+
+.ui-helper-hidden-accessible{
+  position:fixed;
+  top: $top-bar-height+$search-bar-height+$task-alert-height+35px+$input-bar-height;
+  left:$left-margin+8px;
+  text-shadow: -1px 1px 8px #E DE275, 1px -1px 8px #EDE275;
+  font-size:16px;
+}
\ No newline at end of file
diff --git a/res/css/partials/input-field.scss b/res/css/partials/input-field.scss
deleted file mode 100644
index 39f5bdc2..00000000
--- a/res/css/partials/input-field.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-#textinputui {
-  position: fixed;
-  display: block;
-  top: 40px;
-  left: 20px;
-  right: 400px;
-}
-
-#textanalyser{
-  float: left;
-  height:30px;
-  max-width: 70%;
-  width:900px;
-}
-
-#suggestion{
-  list-style-type: none;
-}
-
-#suggestion td{
-  padding-top: 5px;
-  padding-left: 200px;
-}
\ No newline at end of file
diff --git a/res/css/partials/task-alert.scss b/res/css/partials/task-alert.scss
index c31ea756..d3cdc767 100644
--- a/res/css/partials/task-alert.scss
+++ b/res/css/partials/task-alert.scss
@@ -7,6 +7,7 @@
   border-top: #1D6E7F;//$dark-cyan
   border-bottom: #1D6E7F;//$dark-cyan
 }
+
 .task-desc{
   position:fixed;
   width:100%;