From 396f570105d5f951f7e7da8f5da57e001a31a16b Mon Sep 17 00:00:00 2001
From: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Date: Tue, 15 Oct 2019 23:07:42 +0200
Subject: FUNCT Add support for landscape portrait

---
 src/styles/main.scss | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

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

diff --git a/src/styles/main.scss b/src/styles/main.scss
index df68cc4..1da7565 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -22,41 +22,38 @@ body {
     .top {
         position: absolute;
         top: 0;
-        width: 100%;
-        height: $height;
         display: flex;
         justify-content: space-between;
         background-color: map-get($colors, background);
 
         .button {
-            border-left: 1px solid map-get($colors, grey);
-            border-right: 1px solid map-get($colors, grey);
+            border-color: map-get($colors, grey);
+            border-style: solid;
             flex: 1 1 0px;
             text-align: center;
             background-color: map-get($colors, button);
 
             .icon {
                 width: 100%;
-                height: $height*0.70;
-                line-height: $height*0.70;
+                height: $header_size*0.70;
+                line-height: $header_size*0.70;
                 font-size: 90px;
             }
 
             .label {
                 width: 100%;
-                height: $height*0.30;
-                line-height: $height*0.30;
+                height: $header_size*0.30;
+                line-height: $header_size*0.30;
             }
         }
 
         .infoContainer {
-            border-left: 1px solid map-get($colors, grey);
-            border-right: 1px solid map-get($colors, grey);
+            border-color: map-get($colors, grey);
+            border-style: solid;
             display: flex;
             flex-direction: column;
             justify-content: center;
             text-align: center;
-            width: 200px;
 
             .day {
                 text-align: left;
@@ -79,9 +76,7 @@ body {
         }
 
         .statusContainer {
-            width: 60px;
             display: flex;
-            flex-direction: column;
             justify-content: space-around;
             text-align: center;
             font-size: 42px;
-- 
cgit 1.2.3-korg