updated css and project to HTML5 standards. fixed border rounding for images.

1 files changed, 24 insertions, 24 deletions

diff --git a/src/client/views/LightboxView.scss b/src/client/views/LightboxView.scss
index 3e65843df..7a481d887 100644
--- a/src/client/views/LightboxView.scss
+++ b/src/client/views/LightboxView.scss
@@ -1,12 +1,12 @@
 .lightboxView-navBtn {
     margin: auto;
     position: absolute;
-    right: 19;
-    top: 10;
+    right: 19px;
+    top: 10px;
     background: transparent;
-    border-radius: 8;
+    border-radius: 8px;
     opacity: 0.7;
-    width: 25;
+    width: 25px;
     flex-direction: column;
     display: flex;
     &:hover {
@@ -16,12 +16,12 @@
 .lightboxView-tabBtn {
     margin: auto;
     position: absolute;
-    right: 54;
-    top: 10;
+    right: 54px;
+    top: 10px;
     background: transparent;
-    border-radius: 8;
+    border-radius: 8px;
     opacity: 0.7;
-    width: 25;
+    width: 25px;
     flex-direction: column;
     display: flex;
     &:hover {
@@ -31,12 +31,12 @@
 .lightboxView-paletteBtn {
     margin: auto;
     position: absolute;
-    right: 89;
-    top: 10;
+    right: 89px;
+    top: 10px;
     background: transparent;
-    border-radius: 8;
+    border-radius: 8px;
     opacity: 0.7;
-    width: 25;
+    width: 25px;
     flex-direction: column;
     display: flex;
     &:hover {
@@ -47,12 +47,12 @@
 .lightboxView-penBtn {
     margin: auto;
     position: absolute;
-    right: 124;
-    top: 10;
+    right: 124px;
+    top: 10px;
     background: transparent;
-    border-radius: 8;
+    border-radius: 8px;
     opacity: 0.7;
-    width: 25;
+    width: 25px;
     flex-direction: column;
     display: flex;
     &:hover {
@@ -62,12 +62,12 @@
 .lightboxView-exploreBtn {
     margin: auto;
     position: absolute;
-    right: 159;
-    top: 10;
+    right: 159px;
+    top: 10px;
     background: transparent;
-    border-radius: 8;
+    border-radius: 8px;
     opacity: 0.7;
-    width: 25;
+    width: 25px;
     flex-direction: column;
     display: flex;
     &:hover {
@@ -76,8 +76,8 @@
 }
 .lightboxView-frame {
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
     width: 100%;
     height: 100%;
     z-index: 1000;
@@ -91,9 +91,9 @@
             margin: auto;
             position: relative;
             background: transparent;
-            border-radius: 8;
+            border-radius: 8px;
             opacity: 0.7;
-            width: 35;
+            width: 35px;
             &:hover {
                 opacity: 1;
             }