Finish share button and added gallery buttons

resources/css/layout/entry.css

@@ -178,7 +178,6 @@
         max-width: 90%;
         max-height: 90%;
         position: relative;
-
         img {
             max-width: 100%;
             max-height: 90vh;
@@ -198,12 +197,40 @@
         font-weight: bold;
         cursor: pointer;
         user-select: none;
-
         &:hover {
             color: var(--rhpz-orange);
         }
     }
 
+    .gallery-modal-arrow {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        color: #fff;
+        cursor: pointer;
+        user-select: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 50px;
+        height: 50px;
+        &:hover {
+            color: var(--rhpz-orange);
+        }
+        i {
+            width: 28px;
+            height: 28px;
+        }
+    }
+
+    .gallery-modal-arrow-prev {
+        left: 20px;
+    }
+
+    .gallery-modal-arrow-next {
+        right: 20px;
+    }
+
     .gallery-modal-video {
         width: 90%;
         max-width: 960px;
@@ -211,7 +238,6 @@
         box-shadow: 0 10px 30px rgba(0,0,0,0.6);
         border: 1px solid var(--border);
         background-color: #000;
-
         iframe {
             width: 100%;
             height: 100%;