Gallery container

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);

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: