client/textanalyser_input: use classes

2 files changed, 33 insertions, 7 deletions

diff --git a/res/client/css/partials/input-bar.scss b/res/client/css/partials/input-bar.scss
index 6669aa93..0a4345c9 100644
--- a/res/client/css/partials/input-bar.scss
+++ b/res/client/css/partials/input-bar.scss
@@ -137,3 +137,19 @@
 .ui-helper-hidden-accessible > div {
     color: $dark-grey;
 }
+
+.analyser-span-node {
+    color: blue;
+}
+
+.analyser-span-link {
+    color: red;
+}
+
+.analyser-span-space-node-link {
+    color: black;
+}
+
+.analyser-span-space-link-node {
+    color: black;
+}
diff --git a/res/client/css/style.css b/res/client/css/style.css
index 4dab218f..c5f7498c 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -426,6 +426,18 @@ body.debug .debug-ui-right {
 .ui-helper-hidden-accessible > div {
   color: #363636; }
 
+.analyser-span-node {
+  color: blue; }
+
+.analyser-span-link {
+  color: red; }
+
+.analyser-span-space-node-link {
+  color: black; }
+
+.analyser-span-space-link-node {
+  color: black; }
+
 .type_selection {
   color: #363636;
   font-size: 18px;
@@ -495,7 +507,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;
@@ -552,7 +564,7 @@ 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;
   display: inline-block;
@@ -585,8 +597,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; }
 
@@ -814,7 +826,7 @@ p {
   fill: #8b3ab0; }
 
 .circle.project {
-  fill: #40C200; }
+  fill: #40c200; }
 
 .circle.third-internship-proposal {
   fill: #33c2e0; }
@@ -1139,5 +1151,3 @@ p {
 
 svg text::selection {
   background: none; }
-
-/*# sourceMappingURL=style.css.map */