| Index: static/scss/components/_article.scss |
| =================================================================== |
| --- a/static/scss/components/_article.scss |
| +++ b/static/scss/components/_article.scss |
| @@ -31,16 +31,36 @@ |
| .article-heading, |
| .article-browser-selector |
| { |
| padding-bottom: $md; |
| margin-bottom: $md; |
| border-bottom: 1px dotted $gray; |
| } |
| +.article-heading .has-pre-icon |
| +{ |
| + @media (max-width: $phablet-breakpoint - 1) |
| + { |
| + padding: 0; |
| + } |
| +} |
| + |
| +.article-heading .pre-icon |
| +{ |
| + display: none; |
| + |
| + @media (min-width: $phablet-breakpoint) |
| + { |
| + display: block; |
| + top: 0.25em; // Align icon to first line of heading |
| + margin-top: 0; |
| + } |
| +} |
| + |
| .article-browser-selector |
| { |
| @extend .clearfix; |
| display: none; |
| } |
| .js .article-browser-selector |
| { |