From 57bb3783e2af26589d72bd2ff6280256685e8ea2 Mon Sep 17 00:00:00 2001
From: Matthew Grove <matthew@grove.gq>
Date: Tue, 20 Nov 2018 19:32:49 +0000
Subject: [PATCH] Make icon in top app bar display properly

---
 assets/global.css             |  2 +-
 page-inserts/navbar.html      | 28 +++++++++++++++++++++++++++-
 page-inserts/navbar.html~     | 15 +++++++++++++++
 page-inserts/top-app-bar.html |  2 +-
 4 files changed, 44 insertions(+), 3 deletions(-)
 create mode 100644 page-inserts/navbar.html~

diff --git a/assets/global.css b/assets/global.css
index ad7e93d..48bd2cd 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -69,7 +69,7 @@ footer {
     text-align: center;
     bottom: -100px;
     left: 0;
-    z-index: 9999;
+    z-index: 1;
 }
 
 #cookies p {
diff --git a/page-inserts/navbar.html b/page-inserts/navbar.html
index b31f367..1d04360 100644
--- a/page-inserts/navbar.html
+++ b/page-inserts/navbar.html
@@ -3,7 +3,7 @@
         <div style="margin: 15px;text-align:center;">
             <img src="/images/page-logo.png" style="width: 90%;"/>
         </div>
-      <a class="mdc-list-item" href="https://reading-school.co.uk">
+        <a class="mdc-list-item" href="https://reading-school.co.uk">
             <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
             <span class="mdc-list-item__text">Reading School Website</span>
         </a>
@@ -11,5 +11,31 @@
             <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
             <span class="mdc-list-item__text">Home Page</span>
         </a>
+        <div class="mdc-list-group">
+            <h3 class="mdc-list-group__subheader">List 1</h3>
+            <ul class="mdc-list" aria-orientation="vertical">
+            <li class="mdc-list-item">
+                <span class="mdc-list-item__text">line item</span>
+            </li>
+            <li class="mdc-list-item">
+                <span class="mdc-list-item__text">line item</span>
+            </li>
+            <li class="mdc-list-item">
+                <span class="mdc-list-item__text">line item</span>
+            </li>
+            </ul>
+            <h3 class="mdc-list-group__subheader">List 2</h3>
+            <ul class="mdc-list" aria-orientation="vertical">
+            <li class="mdc-list-item">
+                <span class="mdc-list-item__text">line item</span>
+            </li>
+            <li class="mdc-list-item">
+                <span class="mdc-list-item__text">line item</span>
+            </li>
+            <li class="mdc-list-item">
+                <span class="mdc-list-item__text">line item</span>
+            </li>
+            </ul>
+            </div>
     </nav>
 </div>
diff --git a/page-inserts/navbar.html~ b/page-inserts/navbar.html~
new file mode 100644
index 0000000..b31f367
--- /dev/null
+++ b/page-inserts/navbar.html~
@@ -0,0 +1,15 @@
+<div class="mdc-drawer__content">
+    <nav class="mdc-list">
+        <div style="margin: 15px;text-align:center;">
+            <img src="/images/page-logo.png" style="width: 90%;"/>
+        </div>
+      <a class="mdc-list-item" href="https://reading-school.co.uk">
+            <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
+            <span class="mdc-list-item__text">Reading School Website</span>
+        </a>
+        <a class="mdc-list-item" href="/">
+            <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
+            <span class="mdc-list-item__text">Home Page</span>
+        </a>
+    </nav>
+</div>
diff --git a/page-inserts/top-app-bar.html b/page-inserts/top-app-bar.html
index d6c14b6..1b97611 100644
--- a/page-inserts/top-app-bar.html
+++ b/page-inserts/top-app-bar.html
@@ -4,6 +4,6 @@
         <span class="mdc-top-app-bar__title">BBC School Report | Reading School</span>
     </section>
     <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-        <img src="/images/logo-white.png" class="mdc-top-app-bar__action-item" aria-label="Reading School" alt="Reading School Logo" style="height:65px;width:54px;"/>
+        <img src="/images/logo-white.png" class="mdc-top-app-bar__action-item" aria-label="Reading School" alt="Reading School Logo" style="height:45px;width:35px;padding:0;"/>
     </section>
   </div>