diff --git a/assets/css/common.css.sass b/assets/css/common.css.sass index f8cbb8d..c919735 100644 --- a/assets/css/common.css.sass +++ b/assets/css/common.css.sass @@ -1,22 +1,9 @@ * @include box-sizing(border-box) -html - height: 100% - body - font: 1em "Helvetica Neue", sans-serif margin: 0 - height: 100% - max-width: 320px - margin: 0 auto -#app - position: relative - height: 100% - max-width: 320px +main + font: 1em "Helvetica Neue", sans-serif margin: 0 auto - overflow: hidden - -#content - height: 100% diff --git a/assets/css/includes/header.css.sass b/assets/css/includes/header.css.sass index 2de8f61..49edc20 100644 --- a/assets/css/includes/header.css.sass +++ b/assets/css/includes/header.css.sass @@ -2,6 +2,7 @@ position: fixed top: 0 width: $interface-width + height: 2.5rem background: rgba(248, 248, 248, 0.95) border-bottom: 1px solid rgba(0, 0, 0, 0.1) h1 diff --git a/assets/css/includes/metrics.css.sass b/assets/css/includes/metrics.css.sass index de7a22e..a512b63 100644 --- a/assets/css/includes/metrics.css.sass +++ b/assets/css/includes/metrics.css.sass @@ -1 +1 @@ -$interface-width: 20em +$interface-width: 100% diff --git a/assets/css/library.css.sass b/assets/css/library.css.sass index 321de6a..14ebf2b 100644 --- a/assets/css/library.css.sass +++ b/assets/css/library.css.sass @@ -2,8 +2,9 @@ background: white position: absolute top: 100% - height: 100% - width: 100% + bottom: 0 + left: 0 + right: 0 z-index: 2 @include transition(top 0.35s ease-in-out) header diff --git a/assets/css/queue.css.sass b/assets/css/queue.css.sass index bd81097..e6fec69 100644 --- a/assets/css/queue.css.sass +++ b/assets/css/queue.css.sass @@ -1,7 +1,5 @@ #queue - height: 100% - overflow: auto - padding: 2.5em 0 5.625em + padding: 2.5rem 0 5.625em header z-index: 1 @extend .header diff --git a/assets/css/transport.css.sass b/assets/css/transport.css.sass index e287dc8..064ebf3 100644 --- a/assets/css/transport.css.sass +++ b/assets/css/transport.css.sass @@ -1,7 +1,7 @@ #transport position: fixed bottom: 0 - width: 20em + width: $interface-width background: rgba(248, 248, 248, 0.95) border-top: 1px solid rgba(0, 0, 0, 0.1) text-align: center @@ -29,7 +29,7 @@ .track position: relative - width: 70% + width: calc(100% - 4.5rem) margin: 0.25em auto height: 7px background: rgba(127, 127, 127, 0.2)