From e840eee2b92b72633997ddf12506c215e910f9ed Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Sat, 28 Sep 2019 12:49:16 +0100
Subject: [PATCH] Gallery container

---
 epicyon-profile.css | 8 ++++++++
 webinterface.py     | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 18bdf63c8..a5cdfda0c 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -762,6 +762,14 @@ input[type=checkbox]
     transform: translateY(-10%);
 }
 
+.galleryContainer {
+    border: 2px solid var(--border-color);
+    background-color: var(--main-bg-color);
+    border-radius: 5px;
+    padding: 20px;
+    margin: 10px 0;
+}
+
 div.gallery {
   margin: 5px;
   border: 1px solid var(--gallery-border);
diff --git a/webinterface.py b/webinterface.py
index e7d4f33fa..a5c5a2c82 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -2211,6 +2211,8 @@ def htmlTimeline(translate: {},pageNumber: int, \
     # show the posts
     itemCtr=0
     if timelineJson:
+        if boxName=='tlmedia':
+            tlStr+='<div class="galleryContainer">\n'
         for item in timelineJson['orderedItems']:
             if item['type']=='Create' or item['type']=='Announce':
                 itemCtr+=1
@@ -2224,6 +2226,8 @@ def htmlTimeline(translate: {},pageNumber: int, \
                                          boxName!='dm', \
                                          showIndividualPostIcons, \
                                          manuallyApproveFollowers,False)
+        if boxName=='tlmedia':
+            tlStr+='</div>\n'
 
     # page down arrow
     if itemCtr>=itemsPerPage: