Zurich list styling, bit reset-y.

2 files changed, 31 insertions, 2 deletions

diff --git a/templates/web/zurich/report/updates.html b/templates/web/zurich/report/updates.html
index 34b65e998..84cc3257f 100644
--- a/templates/web/zurich/report/updates.html
+++ b/templates/web/zurich/report/updates.html
@@ -1,5 +1,5 @@
 [% IF problem.state == 'fixed - council' %]
-<section class="full-width">
+
     <h4 class="static-with-rule">[% loc('Updates') %]</h4>
     <ul class="issue-list">
         <li>
@@ -11,5 +11,5 @@
             </div>
         </li>
     </ul>
-</section>
+
 [% END %]
diff --git a/web/cobrands/zurich/base.scss b/web/cobrands/zurich/base.scss
index 9e434b5c9..b187c0d8e 100644
--- a/web/cobrands/zurich/base.scss
+++ b/web/cobrands/zurich/base.scss
@@ -36,3 +36,32 @@
     }
 }
 
+// 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
+// that have to recompensate with padding.
+h4.static-with-rule {
+    color: black;
+    font-size: 1em;
+    font-weight: bold;
+    text-transform: none;
+    background: none;
+    padding-left: 0;
+    padding-right: 0;
+    border-top: 0.25em solid #e5e5e5;
+}
+.issue-list {
+    border-bottom: none;
+    li {
+        padding-left: 0;
+        padding-right: 0;
+        background: none;
+    }
+}
+
+.issue-list-a {
+    border-bottom: none;
+    li {
+        background: none;
+    }
+}