fix problems with absolute positioning

1 files changed, 12 insertions, 1 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index f762d89..c6d48da 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -36,11 +36,14 @@ body {
     overflow: hidden;
 }
 
+/* 
 .hidden {
     display: none!important;
 }
+ */
 .item.hidden {
-    display: block;
+    display: -webkit-flex;
+    display: flex;
     opacity: 0;
     pointer-events: none;
 }
@@ -367,6 +370,11 @@ nav b {
 
 .bottom {
   float: none;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  background: white;
 }
 .bottom * {
     transform:translateY(0px);
@@ -400,6 +408,8 @@ nav b {
     height: 20vw;
     width: 60vw;
     position: absolute;
+    top: 0;
+    left: 0;
     z-index: 3;
     margin-left: 20vw;
     cursor: url(img/u.png) 32 0, pointer;
@@ -467,6 +477,7 @@ button.previous {
 
 .cell {
     width: 100vw;
+    height: 100%;
     /*THIS SHOULD BE DYNAMIC*/
     background-position: center;
     background-size: cover;