css formatting

static/css/style-imageviewer.css

@@ -1,12 +1,15 @@
 /* Image Viewer Overlay */
 #image-viewer-overlay {
     position: fixed;
-    top: 105px; 
+    top: 105px;
     right: 0;
-    width: 33%; /* Occupies the right space for the viewer */
-    height: calc(100% - 105px); /* Adjust height */
+    width: 33%;
+    /* Occupies the right space for the viewer */
+    height: calc(100% - 105px);
+    /* Adjust height */
     z-index: 999;
-    display: none; /* Initially hidden */
+    display: none;
+    /* Initially hidden */
 
     /* Added transition for opening animation */
     /* transform: translateX(100%);
@@ -18,8 +21,10 @@
     position: fixed;
     top: 105px;
     right: 0;
-    width: 33%; /* Match the width of the overlay */
-    height: calc(100% - 105px); /* Adjust height */
+    width: 33%;
+    /* Match the width of the overlay */
+    height: calc(100% - 105px);
+    /* Adjust height */
     background: var(--search-bg);
     padding: 20px;
     box-sizing: border-box;
@@ -58,7 +63,8 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: 5px; /* Add spacing between buttons */
+    gap: 5px;
+    /* Add spacing between buttons */
 }
 
 #viewer-close-button,
@@ -86,7 +92,8 @@
 
 /* Adjust the images container when the viewer is visible */
 .images {
-    margin-right: 33%; /* Reserve space for the image viewer */
+    margin-right: 33%;
+    /* Reserve space for the image viewer */
 }
 
 /* Clickable Elements */
@@ -179,6 +186,7 @@
     }
 
     .images {
-        margin-right: 0; /* No reserved space on smaller screens */
+        margin-right: 0;
+        /* No reserved space on smaller screens */
     }
-}
+}