FUNCT Add support for landscape portrait

1 files changed, 26 insertions, 5 deletions

diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index 4742273..0a12494 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -6,14 +6,35 @@
 
     body {
 
-        .center {
-            width: 80%;
-            float: left;
+        .top{
+            width: $header_size;
+            height: 100%;
+            flex-direction: column;
+
+            .button {
+                border-width: 1px 0 1px 0;
+                order: 2;
+            }
+
+            .infoContainer {
+                border-width: 1px 0 1px 0;
+                width: $header_size;
+                height: 200px;
+                order: 1;
+            }
+
+            .statusContainer {
+                width: 100%;
+                height: 60px;
+                flex-direction: row;
+                align-items: center;
+                order: 0;
+
+            }
         }
 
         .bottom {
-            flex-direction: column;
-            width: 20%;
+            display: none;
         }
 
     }