From ed3d7d156350e69478e7b36c042a741bb8a1bc95 Mon Sep 17 00:00:00 2001 From: James Barnsley Date: Mon, 6 Feb 2017 09:10:05 +1300 Subject: [PATCH] Sub views position --- src/scss/global/_forms.scss | 4 ++++ src/scss/views/_artist.scss | 42 +++++++++++++++++++++++++++---------- 2 files changed, 35 insertions(+), 11 deletions(-) diff --git a/src/scss/global/_forms.scss b/src/scss/global/_forms.scss index 23578296..be22739e 100755 --- a/src/scss/global/_forms.scss +++ b/src/scss/global/_forms.scss @@ -47,6 +47,10 @@ input[type="submit"] { &.large { padding: 16px 24px; + + @include responsive( $bp_medium ){ + padding: 10px 20px; + } } &.primary { diff --git a/src/scss/views/_artist.scss b/src/scss/views/_artist.scss index 6dacd7bb..fe0f0bc3 100755 --- a/src/scss/views/_artist.scss +++ b/src/scss/views/_artist.scss @@ -84,9 +84,7 @@ @include responsive( $bp_medium ){ .intro { - - padding: 50px 30px 0 30px; - margin: 0 0 140px 0; + padding: 50px 30px 60px 30px; .parallax { height: 100%; @@ -107,26 +105,48 @@ .heading-wrapper { height: auto; + position: static; - .heading, - .sub-views { - position: relative; + .heading { + position: static; bottom: auto; left: auto; + + h1 { + position: relative; + text-align: center; + padding: 15px 0; + } + + .sub-views { + position: absolute; + bottom: 0; + left: 20px; + right: 20px; + } } } .details-wrapper { padding: 0; - position: absolute; + position: relative; left: 0; right: 0; - padding: 30px; - background: $faint_grey; - z-index: 2; + padding: 20px 0; + z-index: 3; + + .actions { + text-align: center; + margin: 0; + float: none; + + button { + margin: 0 3px; + } + } .details { - clear: both; + display: none; } } }