reformat gallery css

src/scheduler/templates/gallery.html

@@ -21,15 +21,15 @@
         
         .gallery-item {
             flex: 0 1 calc(25% - 20px);
-            margin: 0px;
+            margin: 10px; /* Added margin between items */
             overflow: hidden;
             position: relative;
             cursor: pointer;
+            box-sizing: border-box; /* Include padding and border in the element's total width and height */
         }
         
         .gallery-item img {
-            max-height: 480px;
-            width: 100%;
+            max-width: 100%; /* Ensure images don't exceed the width of their container */
             height: auto;
             display: block;
         }