From e74eff85b9e9fc809e96451c97e44a2095d86021 Mon Sep 17 00:00:00 2001
From: Struan Donald <struan@exo.org.uk>
Date: Fri, 14 Mar 2014 15:09:43 +0000
Subject: Style front page location lookup

button -> orange
set background colour for input boxes
make everything a bit wider and left aligned
update the what is this for text
---
 templates/web/zerotb/around/intro.html |  1 +
 web/cobrands/zerotb/_colours.scss      |  3 +++
 web/cobrands/zerotb/base.scss          | 31 +++++++++++++++++++++++++++++++
 web/cobrands/zerotb/layout.scss        | 17 +++++++++++++++++
 4 files changed, 52 insertions(+)
 create mode 100644 templates/web/zerotb/around/intro.html

diff --git a/templates/web/zerotb/around/intro.html b/templates/web/zerotb/around/intro.html
new file mode 100644
index 000000000..07d018f57
--- /dev/null
+++ b/templates/web/zerotb/around/intro.html
@@ -0,0 +1 @@
+<h2>[% loc('If a hospital, clinic or other health facility near you is experiencing <b>stockouts of tuberculosis drugs</b> you can use this form to report it') %]</h2>
diff --git a/web/cobrands/zerotb/_colours.scss b/web/cobrands/zerotb/_colours.scss
index 8118feaf6..a5eb83b71 100644
--- a/web/cobrands/zerotb/_colours.scss
+++ b/web/cobrands/zerotb/_colours.scss
@@ -19,3 +19,6 @@ $col_click_map_dark: darken($black, 10%);
 
 $col_fixed_label: #00BD08;
 $col_fixed_label_dark: #4B8304;
+
+$button-color: #FF5308;
+$alt-background: #f5f5f5;
diff --git a/web/cobrands/zerotb/base.scss b/web/cobrands/zerotb/base.scss
index 179578fc5..4434dcae4 100644
--- a/web/cobrands/zerotb/base.scss
+++ b/web/cobrands/zerotb/base.scss
@@ -15,6 +15,37 @@ body {
     font-weight: 300;
 }
 
+input {
+    background-color: $alt-background;
+}
+
+#front-main {
+    h2 {
+        font-weight: 300;
+    }
+
+    #postcodeForm {
+        div {
+            border: 0px;
+            background: $primary_b;
+            input#pc {
+                background-color: $alt-background;
+                border: 0px;
+                border-radius: 0px;
+                box-shadow: none;
+                width: 80%;
+            }
+            input#sub {
+                background-color: $button-color;
+                border: 1px solid $alt-background;
+                border-radius: 5px;
+                color: white;
+                margin-left: 5px;
+            }
+        }
+    }
+}
+
 #site-logo {
     background: none;
     text-indent: 0px;
diff --git a/web/cobrands/zerotb/layout.scss b/web/cobrands/zerotb/layout.scss
index c11594141..8bc314914 100644
--- a/web/cobrands/zerotb/layout.scss
+++ b/web/cobrands/zerotb/layout.scss
@@ -65,3 +65,20 @@ body {
     padding: 0em 1em;
 }
 
+#front-main {
+    #front-main-container {
+        max-width: 40em;
+        h2 {
+            text-align: left;
+        }
+    }
+    #postcodeForm {
+        div {
+            width: 30em;
+            input#pc {
+                max-width: none;
+                width: 27em;
+            }
+        }
+    }
+}
-- 
cgit v1.2.3