From d1d6f9665b4ae4a5e115ac2c5f82c83eb2f5c65b Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Sat, 30 Nov 2019 11:14:30 +0000
Subject: [PATCH] Improve media grid

---
 epicyon-profile.css | 21 +++++++++++----------
 webinterface.py     |  2 +-
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index e09982ea..eadb1f36 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -68,11 +68,6 @@ a:link {
     font-weight: bold;
 }
 
-.fill {object-fit: fill;}
-.contain {object-fit: contain;}
-.cover {object-fit: cover;}
-.scale-down {object-fit: scale-down;}
-
 .cwText {
     display: none;
 }
@@ -568,10 +563,6 @@ input[type=checkbox]
     transform: translateY(10%);
 }
 
-.galleryContainer {
-    background-color: var(--main-bg-color);
-}
-
 div.gallery:hover {
     border: 1px solid var(--gallery-hover);
 }
@@ -594,6 +585,12 @@ div.gallery img {
     body, html {
         font-size: var(--font-size4);
     }
+    .galleryContainer {
+	display: grid;
+	grid-template-columns: auto auto;
+	grid-column-gap: 5px;	
+	background-color: var(--main-bg-color);
+    }
     div.gallerytext {
 	color: var(--gallery-text-color);
 	font-size: var(--gallery-font-size);
@@ -602,7 +599,8 @@ div.gallery img {
 	margin: 5px;
 	border: 1px solid var(--gallery-border);
 	float: left;
-	width: 49%;
+	width: 100%;
+	object-fit: scale-down;
     }
     div.imagedesc {
 	padding: 22px;
@@ -901,6 +899,9 @@ div.gallery img {
 	color: var(--gallery-text-color);
 	font-size: var(--gallery-font-size-mobile);
     }
+    .galleryContainer {
+	background-color: var(--main-bg-color);
+    }
     div.gallery {
 	margin: 5px;
 	border: 1px solid var(--gallery-border);
diff --git a/webinterface.py b/webinterface.py
index 80dea23a..2c9907d0 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -2347,7 +2347,7 @@ def individualPostAsHtml(recentPostsCache: {},maxRecentPosts: int, \
                             if boxName=='tlmedia':
                                 galleryStr+='<div class="gallery">\n'
                                 galleryStr+='  <a href="'+attach['url']+'">\n'
-                                galleryStr+='    <img loading="lazy" class="contain" src="'+attach['url']+'" alt="" title="">\n'
+                                galleryStr+='    <img loading="lazy" src="'+attach['url']+'" alt="" title="">\n'
                                 galleryStr+='  </a>\n'
                                 if postJsonObject['object'].get('url'):
                                     imagePostUrl=postJsonObject['object']['url']