From bc8fc2eedf875a01c28a4c99fdd6c199934504ba Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 26 Nov 2020 12:05:06 +0000
Subject: [PATCH] Icon width variable

---
 epicyon-profile.css              | 10 ++++++----
 theme/indymediamodern/theme.json |  2 ++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index dab840ea..8991a4f5 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -1,6 +1,8 @@
 @charset "UTF-8";
 
 :root {
+    --timeline-icon-width: 50px;
+    --timeline-icon-width-mobile: 100px;
     --header-bg-color: #282c37;
     --main-bg-color: #282c37;
     --post-bg-color: #282c37;
@@ -1191,7 +1193,7 @@ div.container {
         margin-right: 0px;
         padding: 0px 0px;
         margin: 0px 0px;
-        width: 50px;
+        width: var(--timeline-icon-width);
     }
     .containerHeader img.timelineicon {
         float: var(--icons-side);
@@ -1199,7 +1201,7 @@ div.container {
         margin-right:0;
         padding: 0 0;
         margin: 0 0;
-        width: 50px;
+        width: var(--timeline-icon-width);
     }
     .container img.emojiheader {
         float: none;
@@ -1816,7 +1818,7 @@ div.container {
         margin-right: 0px;
         padding: 0px 0px;
         margin: 0px 0px;
-        width: 100px;
+        width: var(--timeline-icon-width-mobile);
     }
     .containerHeader img.timelineicon {
         float: var(--icons-side);
@@ -1824,7 +1826,7 @@ div.container {
         margin-right:0;
         padding: 0 0;
         margin: 0 0;
-        width: 100px;
+        width: var(--timeline-icon-width-mobile);
     }
     .container img.emojiheader {
         float: none;
diff --git a/theme/indymediamodern/theme.json b/theme/indymediamodern/theme.json
index def60450..a32ed428 100644
--- a/theme/indymediamodern/theme.json
+++ b/theme/indymediamodern/theme.json
@@ -1,4 +1,6 @@
 {
+    "timeline-icon-width": "30px",
+    "timeline-icon-width-mobile": "60px",
     "button-bottom-margin": "0",
     "header-vertical-offset": "10px",
     "header-bg-color": "#efefef",