resize buttons

1 files changed, 19 insertions, 18 deletions

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;