From 6eea701479adc7c080b3cb2a2cf7750f76007a9e Mon Sep 17 00:00:00 2001
From: James Andrew Croney <techtruth@desktop.highcotton.jamescroney.com>
Date: Sun, 24 Dec 2023 14:48:59 -0500
Subject: [PATCH] updated style of edit gallery

---
 webapp/webpack/src/components/ListGallery.js | 34 +++++++++++---------
 webapp/webpack/src/style.css                 |  8 ++---
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/webapp/webpack/src/components/ListGallery.js b/webapp/webpack/src/components/ListGallery.js
index 9000fb1..6cbee0c 100644
--- a/webapp/webpack/src/components/ListGallery.js
+++ b/webapp/webpack/src/components/ListGallery.js
@@ -25,22 +25,26 @@ export default class listGallery extends React.Component {
 
 
   ListAllGalleries = (props) => {
-      const { galleries } = props;
-      console.log("GLLAER", galleries);
-      return <div className="listGallery">
-                 { galleries.map( (gallery, index) => (
-                   <div key={ index } className="galleryEntry" onClick={() => this.navToGallery( gallery.id )}>
-                     <img src={ gallery.imageData } />
-                     <div className="overlay">
-                       <div className="text">
-                         <span>Name: { gallery.name } </span>
-                         <span>Address: { gallery.locationAddress } </span>
-                         <span>Location: { gallery.locationName } </span>
-                       </div>
-                     </div>
-                   </div>
-                 ) ) }
+     const { galleries } = props;
+
+     return (<div className="listGallery">
+       <div className="galleryEntries">
+         {galleries.map((gallery, index) => (
+           <div key={ index } className="galleryEntry" onClick={() => this.navToGallery( gallery.id )}>
+             <img src={gallery.imageData} alt={`Gallery Entry ${index}`} />
+             <div className="overlay">
+               <div className="text">
+                 <span>Name: { gallery.name } </span>
+                 <span>Address: { gallery.locationAddress } </span>
+                 <span>Location: { gallery.locationName } </span>
+               </div>
+               <div className="buttons">
+               </div>
              </div>
+           </div>
+         ))}
+       </div>
+     </div>)
   }
 
   render() {
diff --git a/webapp/webpack/src/style.css b/webapp/webpack/src/style.css
index aa6c3ce..8bdf2ad 100644
--- a/webapp/webpack/src/style.css
+++ b/webapp/webpack/src/style.css
@@ -6,7 +6,7 @@ body {
 /* List Gallery component */
   div .listGallery .galleryEntries {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
     gap: 20px;
     margin: 20px;
   }
@@ -91,7 +91,7 @@ body {
 /* Edit Gallery component */
   div .editGallery .galleryEntries {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
     gap: 20px;
     margin: 20px;
   }
@@ -103,10 +103,8 @@ body {
   }
 
   div .editGallery .galleryEntry img {
-    max-width: 100%;
+    width: 100%;
     height: auto;
-    min-height: 15em;
-    min-width: 10em;
     display: block;
   }