From e599cdee59e14e5c7d3d4a7d339bc693f69e9d88 Mon Sep 17 00:00:00 2001
From: Jacobo Aragunde Pérez <jaragunde@igalia.com>
Date: Tue, 10 Dec 2019 14:23:34 +0100
Subject: Add support for landscape and portrait on 1080 and 720
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jacobo Aragunde Pérez <jaragunde@igalia.com>
Signed-off-by: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Change-Id: I37d42485720bd7bbf6603abb05907c846d8335d4
---
 src/styles/landscape.scss | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

(limited to 'src/styles/landscape.scss')

diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index 4742273..bdf89ef 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -5,16 +5,36 @@
     }
 
     body {
+        width: 90%;
+        height: 90%;
 
-        .center {
-            width: 80%;
+        .top {
+            margin: 0;
+        }
+
+        .center {
+            width: 85%;
+            position: relative;
             float: left;
         }
 
         .bottom {
             flex-direction: column;
-            width: 20%;
-        }
+            width: 15%;
+            position: relative;
+            float: left;
+            margin: 0;
+            height: 90%;
+            align-items: flex-end;
+            justify-content: space-between;
+            flex-wrap: nowrap;
 
+            .button {
+                img {
+                    width: 100%;
+                    height: 80%;
+                }
+            }
+        }
     }
 }
\ No newline at end of file
-- 
cgit 1.2.3-korg