BUGFIX Add landscape/portrait support

3 files changed, 40 insertions, 9 deletions

diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index b7e1bf7..58185de 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -3,4 +3,26 @@
     html {
         background-image: url('../images/horizontal_background.png');
     }
+
+    body {
+        .speedometertop {
+            display: none;
+        }
+
+        .speedometerbottom {
+            display: block;
+        }
+
+        .inforow {
+            margin-top: 0 !important;
+        }
+
+        .car {
+            .warning {
+                left: 40%;
+                top: 50%;
+                animation: blink 3s linear infinite;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
index bb0cd5a..e3fa602 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -21,14 +21,6 @@ body {
     .speed {
         font-size: 8rem;
     }
-
-    .car {
-        .warning {
-            left: 35%;
-            top: 50%;
-            animation: blink 3s linear infinite;
-        }
-    }
     
     .log {
         display: none;
diff --git a/src/styles/portrait.scss b/src/styles/portrait.scss
index f8db5e4..a123e32 100644
--- a/src/styles/portrait.scss
+++ b/src/styles/portrait.scss
@@ -5,6 +5,23 @@
         background-position: top center;
         background-repeat: no-repeat;
         background-color: transparent;
-        height: 992px;
+    }
+
+    body {
+        .speedometertop {
+            display: block;
+        }
+
+        .speedometerbottom {
+            display: none;
+        }
+
+        .car {
+            .warning {
+                left: 35%;
+                top: 50%;
+                animation: blink 3s linear infinite;
+            }
+        }
     }
 }
\ No newline at end of file