ID improvements + console feed + ui changes

web/css/breadcrumbs.css

@@ -64,6 +64,10 @@ label {
     display: none;
 }
 
+#data-station-name {
+    font-size: 20px;
+}
+
 .form-group {
     float: left;
     margin-bottom: 10px;
@@ -71,7 +75,7 @@ label {
     margin-right: 5px;
 }
 
-#settings, #back-btn {
+#settings, #back-btn, #users-online-container {
     background: transparent;
     border: 0;
     color: white;
@@ -88,10 +92,14 @@ label {
     cursor: pointer;
 }
 
-#settings:hover, #back-btn:hover {
+#settings:hover, #back-btn:hover, #users-online-container:hover {
     background: var(--color-3);
 }
 
+#users-online-container {
+    top: 80px;
+}
+
 #back-btn {
     left: 15px;
     right: auto;
@@ -115,6 +123,10 @@ label {
     display: none;
 }
 
+#login-form {
+    padding: 5px;
+}
+
 .checkbox input[type="checkbox"] {
     padding: 0;
     height: initial;

web/css/buttons.css

@@ -84,6 +84,13 @@ input[type="range"] {
     background: transparent;
 }
 
+input[type="range"]::after {
+
+    width: 100px;
+    height: 100px;
+    background: blue;
+}
+
 /* Track: Mozilla Firefox */
 input[type="range"]::-moz-range-track {
     height: 48px;

web/css/helpers.css

@@ -157,6 +157,10 @@
     background-color: var(--color-2) !important;
 }
 
+.pointer {
+    cursor: pointer;
+}
+
 @media only screen and (max-width: 960px) {
     .text-medium-big {
         font-size: 32px;