2 files changed, 24 insertions, 22 deletions

diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 8a11dd8..35a162c 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -10,8 +10,7 @@ $(function() {
     }
 });
 
-$(".cell").css({ 'height': ($(".top").height() + 'px') });
-
+$(".cell, .next").css({ 'height': ($(".top").height() + 'px') });
 
 $('.top').flickity({
     cellAlign: 'left',
@@ -28,6 +27,8 @@ $('.top').flickity({
     }
 });
 
+$(".previous, .next").css({ 'height': ($(".top").height() + 'px') });
+
 $('.index').click(function() {
     $('body').toggleClass('navopen');
 });
@@ -46,10 +47,10 @@ var delay = (function() {
 })();
 
 $(window).resize(function() {
-    $(".cell").css({ 'display': 'none' });
+    $(".cell, .next, .previous").css({ 'display': 'none' });
     $('body').addClass('resizing');
     delay(function() {
-        $(".cell").css({ 'height': ($(".top").height() + 'px'), 'display': 'inline-block' });
+        $(".cell, .next, .previous").css({ 'height': ($(".top").height() + 'px'), 'display': 'inline-block' });
         $('.top').flickity('resize');
         $('body').removeClass('resizing');
     }, 400);
diff --git a/public/assets/ok.css b/public/assets/ok.css
index f633fdf..0fbc839 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -14,16 +14,18 @@ html {
 }
 
 ::selection {
-    color: #fff;
+    color: blue;
 }
 
 ::-moz-selection {
-    color: #fff;
+    color: blue;
 }
 
 a,
 a:visited {
     color: blue;
+    font-weight: bold;
+    font-size: 11px;
 }
 
 body {
@@ -49,6 +51,11 @@ body {
     -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
     column-gap: 3px;
+    -webkit-column-break-inside: avoid;
+    -moz-column-break-inside:avoid;
+    -moz-page-break-inside:avoid;
+    page-break-inside: avoid;
+    break-inside: avoid-column;
 }
 
 menu ul {
@@ -61,6 +68,7 @@ menu ul {
     border-bottom: 1px solid;
     padding-bottom: 4px;
     padding-top: 6px;
+    font-size:14px;
 }
 
 .menu ul li:hover {
@@ -123,9 +131,12 @@ nav span {
     vertical-align: top;
     padding: 2px;
 }
-
+.index {
+}
 .index:after {
     content: "INDEX";
+        padding-right: 5px;
+
 }
 
 .navopen .index:after {
@@ -193,8 +204,6 @@ nav span div:last-child {
 }
 
 button {
-    height: 70vh;
-    /*THIS SHOULD BE DYNAMIC*/
     width: 10vw;
     position: absolute;
     top: 0;
@@ -202,6 +211,10 @@ button {
     cursor: pointer;
 }
 
+.navopen button {
+    pointer-events:none;
+}
+
 button svg {
     opacity: 0;
     transition: 150ms all;
@@ -229,15 +242,6 @@ button.previous:active svg {
 }
 
 
-/*
-    button.next:hover {
-        background: rgba(255, 255, 255, 0.5);
-    }
-    
-    button.previous:hover {
-        background: rgba(255, 255, 255, 0.5);
-    }
-    */
 
 .cell {
     width: 100vw;
@@ -380,10 +384,7 @@ ul li {
     nav span div:nth-child(2) {
         display: none;
     }
-    .cell,
-    button {
-        height: 50vh;
-    }
+
     .five span {
         width: 50%;
         border-bottom: 1px solid;