diff --git a/_sass/2017/components/missing-message.scss b/_sass/2017/components/missing-message.scss index e02fb3836..588f43efd 100644 --- a/_sass/2017/components/missing-message.scss +++ b/_sass/2017/components/missing-message.scss @@ -1,12 +1,18 @@ .missing-message.missing-message { text-align: center; - border: solid 1px $dark-line-color; margin: 32px 0; - padding: 16px; + display: flex; + align-items: center; + border-top: solid 1px $dark-line-color; + padding-top: 16px; + + @media (min-width: 769px) { + padding-top: 32px; + } & > h3, & > p { - margin: 16px 0; + margin: 0; padding: 0; } @@ -14,9 +20,19 @@ @include font-size(1); font-weight: normal; color: $base-text; + flex: 1 0 auto; + text-align: left; + } + + & > h3::before { + @include ion-icon('md-arrow-forward'); + font-size: 24px; + color: $base-a; + margin-right: 16px; } & > p { color: $base-mute; + flex: 0 0 auto; } } diff --git a/_sass/2017/components/push-button.scss b/_sass/2017/components/push-button.scss index a0a005db1..afc5abf6f 100644 --- a/_sass/2017/components/push-button.scss +++ b/_sass/2017/components/push-button.scss @@ -6,7 +6,11 @@ &, &:visited { - background: $base-a; + background-color: $base-a; + background: linear-gradient( + to right, + $base-a, + adjust-color($base-a, $lightness: 2%, $hue: 16deg)); color: white; } diff --git a/_sass/2017/components/side-ad.scss b/_sass/2017/components/side-ad.scss index 84138e886..47bf55cb3 100644 --- a/_sass/2017/components/side-ad.scss +++ b/_sass/2017/components/side-ad.scss @@ -2,7 +2,7 @@ @include font-size(-1); @include carbon-style; - @media (min-width: 769px) { + @media (min-width: 961px) { position: absolute; right: 32px; top: 80px; @@ -14,7 +14,7 @@ } } - @media (max-width: 768px) { + @media (max-width: 960px) { & { margin: 16px auto; max-width: 300px;