added lightbox nav buttons

1 files changed, 16 insertions, 4 deletions

diff --git a/src/client/views/MainView.scss b/src/client/views/MainView.scss
index fc375f6a2..971e8f2ac 100644
--- a/src/client/views/MainView.scss
+++ b/src/client/views/MainView.scss
@@ -68,16 +68,28 @@
         color: black;
     }
 
-    .mainView-lightBoxFrame {
+    .mainView-lightBox-frame {
         position: absolute; 
         top: 0; left: 0;
         width: 100%;
         height: 100%;
         background: #000000bb;
         z-index: 10000;
-    }
-    .mainView-lightBoxContents {
-        position: absolute;
+        .mainView-lightBox-contents {
+            position: absolute;
+        }
+        .mainView-lightBox-navBtn {
+            margin: auto;
+            position: relative;
+            background: transparent;
+            border-radius: 8;
+            color:white;
+            opacity: 0.7;
+            width: 30;
+            &:hover {
+                opacity: 1;
+            }
+        }
     }
 }