From b76d822a10bde10fd77f4e3150ee1ea4698a3668 Mon Sep 17 00:00:00 2001
From: Justin Richer <justin@bspk.io>
Date: Wed, 10 Jul 2019 23:23:03 -0400
Subject: [PATCH 1/2] update CSS to align with RC styles

---
 static/css/NISTPages.css | 72 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 68 insertions(+), 4 deletions(-)

diff --git a/static/css/NISTPages.css b/static/css/NISTPages.css
index a2900be5..2f2c0fba 100644
--- a/static/css/NISTPages.css
+++ b/static/css/NISTPages.css
@@ -76,10 +76,11 @@ ul.audiences li {
 }
 
 .navbar-fixed-left {
-  width: 140px;
+  width: 160px;
   position: fixed;
   border-radius: 0;
-  height: 100%;
+  height: calc(100% - 56px); /*56px for the header*/
+  overflow-y: scroll;
 }
 
 .navbar-fixed-left .navbar-nav > li {
@@ -91,6 +92,7 @@ ul.audiences li {
   padding-left: 160px;
 }
 
+}
 .nist-header + .container {
     padding-left: 15px;
 }
@@ -98,7 +100,7 @@ ul.audiences li {
 /* On using dropdown menu (To right shift popuped) */
 .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
   margin-top: -50px;
-  margin-left: 140px;
+  margin-left: 100px;
 }
 
 .nav>li>a.icon {
@@ -109,6 +111,25 @@ ul.audiences li {
   padding: 0;
 }
 
+.navbar-fixed-left .navbar-nav .subnav {
+  font-size: smaller;
+  line-height: 1.1em;
+}
+
+.navbar-fixed-left .navbar-nav .subnav>li {
+  list-style: none;
+  padding-bottom: 4px;
+}
+
+.navbar-fixed-left .navbar-nav .subnav>li.active {
+  font-weight: bold;
+  list-style: disc;
+}
+
+.navbar-fixed-left .navbar-nav .subnav a {
+  color: black;
+}
+
 /* Style default/base tables since we are using markdown */
 table{
   width:100%;
@@ -148,6 +169,7 @@ table.authors td{
 }
 
 
+
 @media screen and (max-width: 700px) {
   .nist-header {
     padding: 6px 10px;
@@ -182,10 +204,52 @@ table.authors td{
     padding: 2px;
     border-radius: 4px;
   }
+  
+  .navbar-fixed-left .navbar-nav > li.active {
+    background-color: #e7e7e7;
+    width: 100%;
+    margin: 0;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .navbar-fixed-left .navbar-nav > li.active > a,
+  .navbar-fixed-left .navbar-nav .subnav > li.active > a  {
+    font-weight: bold;
+  }
 
-  .navbar-fixed-left .navbar-nav > li > a {
+  .navbar-fixed-left .navbar-nav > li > a,
+  .navbar-fixed-left .navbar-nav .subnav > li > a {
     margin: 2px;
     padding: 2px;
+    font-weight: normal;
+  }
+
+  .navbar-fixed-left .navbar-nav .subnav {
+    padding: 0;
+  }
+  
+  .navbar-fixed-left .navbar-nav .subnav>li {
+    float: left;
+    width: auto;
+    margin: 2px;
+    padding: 2px;
+    border-radius: 4px;
+    background-color: #f8f8f8;
+  }
+  
+  .navbar-fixed-left .navbar-nav .subnav>li > a {
+    font-size: larger; /* this undoes the "font-size: smaller" in the normal-width render */
+  }
+  
+  .navbar-fixed-left .navbar-nav .subnav>li.active {
+    font-weight: bold;
+    list-style: none;
+    background-color: #d6d6d6;
+  }
+  
+  .navbar-fixed-left .navbar-nav .subnav>li.active a {
+    background-color: #d6d6d6;
   }
 
   .container {

From d5aeda1ef67ff4258bdaae5d0cfe380dd7b8a247 Mon Sep 17 00:00:00 2001
From: Justin Richer <justin@bspk.io>
Date: Fri, 19 Jul 2019 23:09:27 -0400
Subject: [PATCH 2/2] changed mobile break point to match bootstrap

---
 static/css/NISTPages.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/NISTPages.css b/static/css/NISTPages.css
index 2f2c0fba..3db2bb28 100644
--- a/static/css/NISTPages.css
+++ b/static/css/NISTPages.css
@@ -170,7 +170,7 @@ table.authors td{
 
 
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 767px) {
   .nist-header {
     padding: 6px 10px;
   }