diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/landscape.scss | 12 | ||||
| -rw-r--r-- | src/styles/main.scss | 39 |
2 files changed, 31 insertions, 20 deletions
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss index 0a12494..b72c200 100644 --- a/src/styles/landscape.scss +++ b/src/styles/landscape.scss @@ -11,9 +11,15 @@ height: 100%; flex-direction: column; - .button { - border-width: 1px 0 1px 0; - order: 2; + .appsContainer { + flex-direction: column; + .button { + border-width: 1px 0 1px 0; + order: 2; + .label { + display: none; + } + } } .infoContainer { diff --git a/src/styles/main.scss b/src/styles/main.scss index cab20c6..f96dacc 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -25,24 +25,29 @@ body { justify-content: space-between; background-color: map-get($colors, background); - .button { - border-color: map-get($colors, grey); - border-style: solid; + .appsContainer { + display: flex; + justify-content: space-between; flex: 1 1 0px; - text-align: center; - background-color: map-get($colors, button); - - .icon { - width: 100%; - height: $header_size*0.70; - line-height: $header_size*0.70; - font-size: 5em; - } - - .label { - width: 100%; - height: $header_size*0.30; - line-height: $header_size*0.30; + .button { + 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: $header_size*0.70; + line-height: $header_size*0.70; + font-size: 5em; + } + + .label { + width: 100%; + height: $header_size*0.30; + line-height: $header_size*0.30; + } } } |