Adapt the demo to use kuksa.val service

- The "AUTO" element was removed because there's no compatible
VSS signal.
- Removed the indicators below the seats and now they work only
to toggle the state of the seat warmer.
- The air distribution buttons now work as a radio group as there
is only one AirDistribution setting per cabin.

Bug-AGL: SPEC-4599
Signed-off-by: Roger Zanoni <rzanoni@igalia.com>
Change-Id: Ibfaa477a7c27627ac524f39dd809b7a2195c7c9f

1 files changed, 13 insertions, 19 deletions

diff --git a/src/styles/main.scss b/src/styles/main.scss
index 5d2d950..7ab190f 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -133,48 +133,42 @@ body {
                 padding-top:75%;
             }
 
-            &.ac, &.auto {
+            &.ac {
+                position: relative;
+
                 .label {
                     font-weight: bold;
                     font-size: 2.5rem;
-                    text-align: center;
-                    margin-top: -50%;
+                    position: absolute;
+                    top: 50%;
+                    left: 50%;
+                    transform: translate(-50%, -50%);
                 }
             }
 
             &.seat {
                 img {
                     width: 50%;
-                    margin: 0 25%;
+                    margin: 10% 25%;
                 }
 
-                &[value="0"] {
-                    .one, .two {
-                        display: none;
-                    }
+                &[value="false"] {
                     .off {
                         display: block;
                     }
-                }
-
-                &[value="1"] {
-                    .off, .two {
+                    .on {
                         display: none;
                     }
-                    .one {
-                        display: block;
-                    }
                 }
 
-                &[value="2"] {
-                    .one, .off {
+                &[value="true"] {
+                    .off {
                         display: none;
                     }
-                    .two {
+                    .on {
                         display: block;
                     }
                 }
-
             }
 
             &.circulation {