aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDave Whiteland <dave@mysociety.org>2013-02-08 18:49:30 +0000
committerMatthew Somerville <matthew@mysociety.org>2013-02-11 14:45:08 +0000
commit603c118dca77621ce4d45a66ca8ea4bbb3ba7919 (patch)
treec29db833496aafdf5bc949e6cdfdb29a91d65522
parentf021db1cd27747e30729f109a9c0d5919bd775b4 (diff)
remove percentage width on zurich postcode form to fix iphone portrait/landscape flipping bug
-rw-r--r--web/cobrands/zurich/base.scss16
-rw-r--r--web/cobrands/zurich/layout.scss6
2 files changed, 22 insertions, 0 deletions
diff --git a/web/cobrands/zurich/base.scss b/web/cobrands/zurich/base.scss
index 5f35d71a0..9617a8e92 100644
--- a/web/cobrands/zurich/base.scss
+++ b/web/cobrands/zurich/base.scss
@@ -66,6 +66,22 @@
background-color: $mobile_header_blue;
}
+// fix here:
+// a percentage width on input#pc breaks iPhone landscape/portrait switching
+// and the other changes make this fix pretty
+
+#front-main #postcodeForm div {
+ background: inherit;
+ border-color:transparent;
+ input#pc {
+ max-width: 15em;
+ background-color: #fff;
+ }
+ input#sub {
+ width: 3em;
+ }
+}
+
// No grey background or other bits
// The amount of resetting here shows this needs refactoring, so that it is FMS making the changes
// Also look into why full-width pulls things out, but then it is its children
diff --git a/web/cobrands/zurich/layout.scss b/web/cobrands/zurich/layout.scss
index 91f5a2ffa..d4b46d561 100644
--- a/web/cobrands/zurich/layout.scss
+++ b/web/cobrands/zurich/layout.scss
@@ -139,6 +139,12 @@ body.mappage {
background-color: inherit;
color: inherit;
margin: 0 0 2em 0;
+ #postcodeForm div {
+ border-color: $dark_blue;
+ input#pc {
+ max-width: none;
+ }
+ }
}
/* TODO Change the main-nav to be what is wanted */