diff options
| author | Hakim Cassimally <hakim@mysociety.org> | 2014-02-17 11:22:21 +0000 |
|---|---|---|
| committer | Hakim Cassimally <hakim@mysociety.org> | 2014-03-05 09:43:12 +0000 |
| commit | 0fb3e3f538e5b1a88053025b85d118eb946f845e (patch) | |
| tree | c2b61bc7399dbdb6d2ff6f2ed243d5878e95a34f | |
| parent | dce1b13ae622cb1eda0cdaa1cbe8d8a2050458dd (diff) | |
[Hart] fix jagged green box on mobile view
On mobile, the default brand doesn't have the box extend to the
"locate me automatically", so we use that same behaviour, setting
the hart primary box only on media query.
| -rw-r--r-- | web/cobrands/hart/base.scss | 19 | ||||
| -rw-r--r-- | web/cobrands/hart/hart.scss | 1 | ||||
| -rw-r--r-- | web/cobrands/hart/layout.scss | 4 |
3 files changed, 23 insertions, 1 deletions
diff --git a/web/cobrands/hart/base.scss b/web/cobrands/hart/base.scss index a0a0fa5af..6afd82851 100644 --- a/web/cobrands/hart/base.scss +++ b/web/cobrands/hart/base.scss @@ -59,3 +59,22 @@ h1.main { #form_sign_in { margin-top: 1em; } + +#front-main { + /* default on mobile view, preventing jagged hart-green box */ + + margin: 0; + padding: 1em; + + #postcodeForm { + padding: 1em; + div { + padding-top: 0px; + input#pc { + } + input#sub { + height: 100%; + } + } + } +} diff --git a/web/cobrands/hart/hart.scss b/web/cobrands/hart/hart.scss index 4f9b3cb04..4ec7e1820 100644 --- a/web/cobrands/hart/hart.scss +++ b/web/cobrands/hart/hart.scss @@ -176,7 +176,6 @@ body.mappage .main-menu-wrapper { background-color: #FFF; #front-main-container { - background-color: $hart_primary; padding-bottom: 1em; } } diff --git a/web/cobrands/hart/layout.scss b/web/cobrands/hart/layout.scss index 6f8da9165..639be2901 100644 --- a/web/cobrands/hart/layout.scss +++ b/web/cobrands/hart/layout.scss @@ -5,6 +5,10 @@ .content { margin-top: 11em; } + + } + #front-main-container { + background-color: $hart_primary; } #report-a-problem-sidebar { |