4 files changed, 52 insertions, 0 deletions
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;
+            }
+        }
+    }
+}