From fb0dae810dc97923bf979fc26164e366ae122102 Mon Sep 17 00:00:00 2001
From: Justin Tan How Yuan <justanhowyuan@gmail.com>
Date: Sat, 8 May 2021 21:21:46 +0100
Subject: [PATCH] Layout improvements

---
 _layouts/notes.html   |  4 +++-
 assets/css/style.scss | 15 +++++++++------
 cs132/part3.md        |  3 +++
 cs132/part4.md        |  3 +++
 cs132/part5.md        |  3 +++
 5 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/_layouts/notes.html b/_layouts/notes.html
index 543361df..bf85f016 100644
--- a/_layouts/notes.html
+++ b/_layouts/notes.html
@@ -47,8 +47,10 @@ <h2 style="margin-left: 10px;">Table of Contents</h2>
                 {%- include toc.html html=content -%}
             </div>
         </div>
+        <div class="buttonCol" onclick="toggleNav()">
+            <span id="openbtn">◀📑</span>
+        </div>
         <div class="contents">
-            <span id="openbtn" onclick="toggleNav();">🧾Contents</span>
             <main id="content" class="main-content" role="main">
                 <div class="partNav">
                     {%- if page.part == true -%}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 1ab8d0ca..8f5648e8 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -62,8 +62,8 @@ blockquote blockquote {
 .container {
   display: grid;
   width: 100%;
-  grid-template-columns: min-content 1fr;
-  grid-template-areas: "nav content";
+  grid-template-columns: min-content 3em 1fr;
+  grid-template-areas: "nav button content";
   transition: width 0.5s ease;
 }
 
@@ -101,13 +101,16 @@ blockquote blockquote {
 }
 
 // NavBar toggle button 
+.buttonCol {
+  grid-area: button;
+  cursor: pointer;
+  background-color: whitesmoke;
+}
+
 #openbtn {
   font-size: 20px;
-  cursor: pointer;
   position: sticky;
-  top: 10px;
-  left: 10px;
-  padding-right: 1px;
+  top: 50vh;
 }
 
 // Contents
diff --git a/cs132/part3.md b/cs132/part3.md
index 5d5106ad..15ba04ef 100644
--- a/cs132/part3.md
+++ b/cs132/part3.md
@@ -4,6 +4,9 @@ slides: true
 layout: notes
 math: true
 title: Assembler
+part: true
+pre: part2
+nex: part4
 ---
 # Assembler
 
diff --git a/cs132/part4.md b/cs132/part4.md
index c1c6eec3..e0b84559 100644
--- a/cs132/part4.md
+++ b/cs132/part4.md
@@ -3,6 +3,9 @@ slides: true
 layout: CS132
 math: true
 title: Memory Systems
+part: true
+pre: part3
+nex: part5
 ---
 
 # Memory Systems
diff --git a/cs132/part5.md b/cs132/part5.md
index c851abfc..407d0005 100644
--- a/cs132/part5.md
+++ b/cs132/part5.md
@@ -1,6 +1,9 @@
 ---
 title: I/O Mechanisms
 layout: CS132
+part: true
+pre: part4
+nex: part6
 ---
 
 <p align="center">