diff options
| author | Lynx Kotoura <lynx@lv9.org> | 2017-07-26 04:31:56 +0900 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-07-25 21:31:56 +0200 |
| commit | 9891ff80f9679ed3dfdd6e8352abfb661f321a00 (patch) | |
| tree | 7a89a53920dc307a92b286581f20e5fcab58a9f1 | |
| parent | 7232cdf7e8249f79078005931b1165e54e413fa9 (diff) | |
Adjust mobile landing page (#4366)
* Adjust mobile landing page Change mobile viewport threshold to 840px in consideration of padding. Fix loss of "container hero" padding in about/more under 675px. * Fix indent
| -rw-r--r-- | app/javascript/styles/about.scss | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss index 8aa5d8eb4..5a4bcef61 100644 --- a/app/javascript/styles/about.scss +++ b/app/javascript/styles/about.scss @@ -646,7 +646,7 @@ } } - @media screen and (max-width: 800px) { + @media screen and (max-width: 840px) { .container { padding: 0 20px; } @@ -688,6 +688,10 @@ @media screen and (max-width: 675px) { .header-wrapper { padding-top: 0; + + &.compact .hero .heading { + padding-bottom: 20px; + } } .header .container, @@ -701,15 +705,9 @@ } .header { - padding-top: 0; .hero { margin-top: 30px; - padding: 0; - - .heading { - padding-bottom: 20px; - } } .floats { |