From 98afdc07dcd7d4ba2c4eae18a12dcadd0a6058cd Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Tue, 27 Oct 2020 22:36:25 +0000
Subject: [PATCH] More variables

---
 epicyon-profile.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index b0657229e..db3d7b187 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -105,6 +105,10 @@
     --icon-brightness-change: 150%;
     --container-button-padding: 20px;
     --container-button-margin: 10px;
+    --container-padding: 20px;
+    --vertical-between-posts: 10px;
+    --containericons-horizontal-spacing: 1%;
+    --containericons-horizontal-spacing-mobile: 3%;
 }
 
 @font-face {
@@ -377,8 +381,8 @@ a:focus {
     border: var(--border-width) solid var(--border-color);
     background-color: var(--main-bg-color);
     border-radius: var(--timeline-border-radius);
-    padding: 20px;
-    margin: 10px;
+    padding: var(--container-padding);
+    margin: var(--vertical-between-posts);
 }
 
 .containerHeader {
@@ -1245,7 +1249,7 @@ div.containerHeader {
         float: var(--icons-side);
         max-width: 200px;
         width: 3%;
-        margin: 0px 1%;
+        margin: 0px var(--containericons-horizontal-spacing);
         border-radius: 0%;
     }
     div.mediaicons img {
@@ -1867,7 +1871,7 @@ div.containerHeader {
         float: var(--icons-side);
         max-width: 200px;
         width: 7%;
-        margin: 1% 3%;
+        margin: 1% var(--containericons-horizontal-spacing-mobile);
         border-radius: 0%;
     }
     .timeline-avatar img {