1 files changed, 36 insertions, 14 deletions
diff --git a/res/css/style.css b/res/css/style.css
index a5760a06..0c895b1c 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -10,7 +10,7 @@ body {
   padding: 0;
   color: #FFF;
   font-size: 14px;
-  background-color: #080808; }
+  background-color: #f5f5fa; }
 
 a {
   text-decoration: none;
@@ -122,6 +122,10 @@ table {
   float: right;
   width: 50%; }
 
+.graph-view {
+  width: 100%;
+  background-color: #f5f5fa; }
+
 .node {
   stroke: #fff;
   stroke-width: 1px;
@@ -263,25 +267,43 @@ table {
   position: fixed;
   left: 800px; }
 
-#textinputui {
+.input-bar {
   position: fixed;
   display: block;
-  top: 40px;
-  left: 20px;
-  right: 400px; }
+  height: 36px;
+  width: 420px;
+  top: 152px;
+  left: 60px;
+  padding-left: 8px;
+  border-radius: 4px;
+  border: 1px solid #919095;
+  background: white; }
+  .input-bar:focus {
+    border-radius: 4px;
+    border: 1px solid #919095;
+    -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); }
 
-#textanalyser {
-  float: left;
-  height: 30px;
-  max-width: 70%;
-  width: 900px; }
+.add-button {
+  position: fixed;
+  top: 154px;
+  height: 36px;
+  width: 36px;
+  left: 453px; }
 
-#suggestion {
+.suggestion {
   list-style-type: none; }
 
-#suggestion td {
-  padding-top: 5px;
-  padding-left: 200px; }
+.suggestion td {
+  position: fixed; }
+
+.ui-helper-hidden-accessible {
+  position: fixed;
+  top: 203px;
+  left: 68px;
+  text-shadow: -1px 1px 8px #E DE275, 1px -1px 8px #EDE275;
+  font-size: 16px; }
 
 .typeselection {
   position: fixed;