diff --git a/sass/custom/_details.scss b/sass/custom/_details.scss index 7289db04150..038428b8d00 100644 --- a/sass/custom/_details.scss +++ b/sass/custom/_details.scss @@ -20,7 +20,7 @@ div.details-block { align-items: center; } .details-block-content { - margin: 4px 32px 0 0; + margin: 4px 32px 12px 0; } } } diff --git a/sass/custom/_landingpage.scss b/sass/custom/_landingpage.scss index 1a6f53f8b04..70044b5a628 100644 --- a/sass/custom/_landingpage.scss +++ b/sass/custom/_landingpage.scss @@ -220,10 +220,9 @@ $ha__primary_color: #03a9f4; margin: -36px auto 0; &.with-box { - display: flex; .banner-overlay-content { - width: 420px; + max-width: 416px; } } @@ -243,14 +242,16 @@ $ha__primary_color: #03a9f4; margin-top: 16px; } - .banner-overlay { + .box { + position: absolute; + right: 0; + top: 0; width: 210px; border-radius: 8px; - margin: -50px -50px 0 0; + margin: -50px -50px 0 4px; padding: 22px; display: flex; - flex-flow: wrap; - justify-content: space-between; + flex-direction: column; .banner-overlay-header { font-weight: 500; @@ -330,7 +331,11 @@ $ha__primary_color: #03a9f4; color: #ffffff; } } - + .below-button { + margin-top: 8px; + text-align: center; + font-size: .8em; + } } .banner-overlay-disclaimer { font-size: 12px; @@ -1160,6 +1165,15 @@ $ha__primary_color: #03a9f4; @media only screen and (max-width: $lap-end) { #landingpage { + .banner-overlay { + display: block !important; + + .box { + position: relative !important; + margin: 10px auto -22px !important; + } + } + .page-content { .content { .bullet-points { diff --git a/source/blue/index.html b/source/blue/index.html index e7e842ad931..0419884d72e 100644 --- a/source/blue/index.html +++ b/source/blue/index.html @@ -28,19 +28,14 @@ frontpage_image: /images/frontpage/blue-frontpage.jpg