css: updates for upcoming change of input-bar from input to div[contentEditable=true] element

3 files changed, 26 insertions, 12 deletions

diff --git a/res/client/css/partials/base.scss b/res/client/css/partials/base.scss
index 5fdf93b9..d50bb21d 100644
--- a/res/client/css/partials/base.scss
+++ b/res/client/css/partials/base.scss
@@ -41,7 +41,7 @@ a:active {
 }
 
 //input box stuff
-input{
+input, .input {
   background-color: white;
   color: $dark-grey;
   border: 0;
diff --git a/res/client/css/partials/input-bar.scss b/res/client/css/partials/input-bar.scss
index 9a6614f6..51592e57 100644
--- a/res/client/css/partials/input-bar.scss
+++ b/res/client/css/partials/input-bar.scss
@@ -34,6 +34,7 @@
   position: absolute;
   top: 130px;
   left: 24px;
+  height: 36px;
   &:focus {
     width: 80%;
   }
@@ -44,6 +45,10 @@
   color: $mid-grey;
 }
 
+#textanalyser {
+    height: 36px;
+}
+
 #btn_add {
   float: right;
   background: url(../img/plus-button.png);
@@ -80,6 +85,10 @@
   outline: none;
 }
 
+#input-suggestion {
+    width: 100%;
+}
+
 .suggestion{
   position: relative;
   color: $dark-grey;
diff --git a/res/client/css/style.css b/res/client/css/style.css
index 1fdd8441..9207a751 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -49,12 +49,12 @@ a:hover {
 a:active {
   color: #919095; }
 
-input {
+input, .input {
   background-color: white;
   color: #363636;
   border: 0;
   font-size: 18px; }
-  input:focus {
+  input:focus, .input:focus {
     border: 0;
     outline: 0;
     background-color: white; }
@@ -332,7 +332,8 @@ body.debug .debug-ui-right {
 #input-container__graph-input {
   position: absolute;
   top: 130px;
-  left: 24px; }
+  left: 24px;
+  height: 36px; }
   #input-container__graph-input:focus {
     width: 80%; }
 
@@ -340,6 +341,9 @@ body.debug .debug-ui-right {
   font-family: "Source_Regular", sans-serif;
   color: #919095; }
 
+#textanalyser {
+  height: 36px; }
+
 #btn_add {
   float: right;
   background: url(../img/plus-button.png);
@@ -372,6 +376,9 @@ body.debug .debug-ui-right {
 .add-button:focus {
   outline: none; }
 
+#input-suggestion {
+  width: 100%; }
+
 .suggestion {
   position: relative;
   color: #363636;
@@ -485,7 +492,7 @@ body.debug .debug-ui-right {
   border-top: 6px solid #363636; }
 
 .info.type-project {
-  border-top: 6px solid #40C200; }
+  border-top: 6px solid #40c200; }
 
 .info .info-card-attr {
   display: block;
@@ -542,9 +549,9 @@ body.debug .debug-ui-right {
 
 .kbd-button {
   background-color: #f7f7f7;
-  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
+  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
   border-radius: 3px;
-  border: 1px solid #lightgray;
+  border: 1px solid lightgray;
   display: inline-block;
   font-size: 11px;
   text-shadow: 0 1px 0 #fff;
@@ -575,8 +582,8 @@ body.debug .debug-ui-right {
   width: 100%;
   min-height: 48px;
   text-align: center;
-  background-color: #D3F2F8;
-  color: #1D6E7F;
+  background-color: #d3f2f8;
+  color: #1d6e7f;
   border-top: 1px solid #8eb6bf;
   border-bottom: 1px solid #8eb6bf; }
 
@@ -804,7 +811,7 @@ p {
   fill: #8b3ab0; }
 
 .circle.project {
-  fill: #40C200; }
+  fill: #40c200; }
 
 .circle.third-internship-proposal {
   fill: #33c2e0; }
@@ -1129,5 +1136,3 @@ p {
 
 svg text::selection {
   background: none; }
-
-/*# sourceMappingURL=style.css.map */