summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAntia Puentes <apuentes@igalia.com>2019-12-18 09:13:32 +0100
committerAntia Puentes <apuentes@igalia.com>2020-01-31 17:11:03 +0100
commitf6c32d5b95d02b1d6d77ae3dd0a83da8682fc78e (patch)
treee2e27c6750cf04ddb5a2007ce24ee5fa6fc6764e
parente599cdee59e14e5c7d3d4a7d339bc693f69e9d88 (diff)
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
-rw-r--r--src/styles/landscape.scss31
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%;