BUGFIX Correct layout for 1080 landscape

Authored by:
Humberto Alfonso Díaz <humberto.alfonso@asvito.es>

Signed-off-by: Antia Puentes <apuentes@igalia.com>
Signed-off-by: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Change-Id: Ia4d118db734551d1bd5cecf08ad56dec076c14b8

1 files changed, 26 insertions, 5 deletions

diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index bdf89ef..7acca5e 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -6,30 +6,51 @@
 
     body {
         width: 90%;
-        height: 90%;
+        height: 1000px;
+        margin: 40px 5%;
 
         .top {
             margin: 0;
         }
 
         .center {
-            width: 85%;
             position: relative;
             float: left;
+            height: 20%;
+            margin-top: 40px;
+
+            .item {
+                flex-basis: 30%;
+
+                .button {
+                    .label {
+                        font-size: 4em;
+                        margin-top: -45%;
+                    }
+                }
+            }
+
+            .item.ac {
+                .label {
+                    font-size: 4em;
+                    margin-top: -45%;
+                }
+            }
         }
 
         .bottom {
             flex-direction: column;
             width: 15%;
             position: relative;
-            float: left;
+            float: right;
             margin: 0;
-            height: 90%;
-            align-items: flex-end;
+            height: fit-content;
+            align-items: center;
             justify-content: space-between;
             flex-wrap: nowrap;
 
             .button {
+                margin: 10px 0;
                 img {
                     width: 100%;
                     height: 80%;