From 46e5b5262631f2454b1ae7967bfdb574880e189e Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Wed, 28 Oct 2020 15:44:50 +0000
Subject: [PATCH] Separate container settings for mobile

---
 epicyon-profile.css | 36 +++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index ee9bb62e..ba69e786 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -104,8 +104,9 @@
     --tab-border-color: grey;
     --icon-brightness-change: 150%;
     --container-button-padding: 20px;
-    --container-padding: 20px;
-    --container-padding-bottom: 10px;
+    --container-padding: 2%;
+    --container-padding-bottom: 1%;
+    --container-padding-bottom-mobile: 1%;
     --vertical-between-posts: 10px;
     --vertical-between-posts-header: 10px;
     --containericons-horizontal-spacing: 1%;
@@ -381,17 +382,6 @@ a:focus {
     color: var(--button-text-hover);
 }
 
-.container {
-    border: var(--border-width) solid var(--border-color);
-    background-color: var(--main-bg-color);
-    border-radius: var(--timeline-border-radius);
-    padding-left: var(--container-padding);
-    padding-right: var(--container-padding);
-    padding-top: var(--container-padding);
-    padding-bottom: var(--container-padding-bottom);
-    margin: var(--vertical-between-posts);
-}
-
 .containerNewPost {
     border: var(--border-width) solid var(--border-color);
     background-color: var(--main-bg-color);
@@ -1028,6 +1018,16 @@ div.container {
         font-size: var(--font-size);
         line-height: var(--line-spacing);
     }
+    .container {
+	border: var(--border-width) solid var(--border-color);
+	background-color: var(--main-bg-color);
+	border-radius: var(--timeline-border-radius);
+	padding-left: var(--container-padding);
+	padding-right: var(--container-padding);
+	padding-top: var(--container-padding);
+	padding-bottom: var(--container-padding-bottom);
+	margin: var(--vertical-between-posts);
+    }    
     h3.linksHeader {
         background-color: var(--column-left-header-background);
         color: var(--column-left-header-color);
@@ -1659,6 +1659,16 @@ div.container {
         font-size: var(--font-size);
         line-height: var(--line-spacing);
     }
+    .container {
+	border: var(--border-width) solid var(--border-color);
+	background-color: var(--main-bg-color);
+	border-radius: var(--timeline-border-radius);
+	padding-left: var(--container-padding);
+	padding-right: var(--container-padding);
+	padding-top: var(--container-padding);
+	padding-bottom: var(--container-padding-bottom-mobile);
+	margin: var(--vertical-between-posts);
+    }    
     h3.linksHeader {
         background-color: var(--column-left-header-background);
         color: var(--column-left-header-color);