use more consistent margins for left toolbar icons

6 files changed, 31 insertions, 18 deletions

diff --git a/themes/compact.css b/themes/compact.css
index 97b55f145..2ce41eacc 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -707,6 +707,9 @@ body.ttrss_main #toolbar-frame #toolbar .left i.icon-error {
 body.ttrss_main #toolbar-frame #toolbar i.log-alert {
   color: #ddba1c;
 }
+body.ttrss_main #toolbar-frame #toolbar i {
+  margin: 0 4px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines {
   padding-right: 4px;
   flex-grow: 2;
@@ -717,9 +720,8 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   display: flex;
   align-items: center;
 }
-body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
-  vertical-align: middle;
-  margin-right: 8px;
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left #feed_title {
+  margin-left: 4px;
 }
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right {
   display: flex;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index c2dfea0ad..4b939a00f 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -707,6 +707,9 @@ body.ttrss_main #toolbar-frame #toolbar .left i.icon-error {
 body.ttrss_main #toolbar-frame #toolbar i.log-alert {
   color: #ddba1c;
 }
+body.ttrss_main #toolbar-frame #toolbar i {
+  margin: 0 4px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines {
   padding-right: 4px;
   flex-grow: 2;
@@ -717,9 +720,8 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   display: flex;
   align-items: center;
 }
-body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
-  vertical-align: middle;
-  margin-right: 8px;
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left #feed_title {
+  margin-left: 4px;
 }
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right {
   display: flex;
diff --git a/themes/light.css b/themes/light.css
index 054cde48d..facd16c05 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -707,6 +707,9 @@ body.ttrss_main #toolbar-frame #toolbar .left i.icon-error {
 body.ttrss_main #toolbar-frame #toolbar i.log-alert {
   color: #ddba1c;
 }
+body.ttrss_main #toolbar-frame #toolbar i {
+  margin: 0 4px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines {
   padding-right: 4px;
   flex-grow: 2;
@@ -717,9 +720,8 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   display: flex;
   align-items: center;
 }
-body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
-  vertical-align: middle;
-  margin-right: 8px;
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left #feed_title {
+  margin-left: 4px;
 }
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right {
   display: flex;
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 87de9c621..5a0f8542d 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -827,6 +827,10 @@ body.ttrss_main {
 				color : #ddba1c;
 			}
 
+			i {
+				margin : 0 4px;
+			}
+
 			#toolbar-headlines {
 				padding-right : 4px;
 				flex-grow : 2;
@@ -837,9 +841,8 @@ body.ttrss_main {
 					display : flex;
 					align-items : center;
 
-					img {
-						vertical-align : middle;
-						margin-right : 8px;
+					#feed_title {
+						margin-left : 4px;
 					}
 				}
 
diff --git a/themes/night.css b/themes/night.css
index 3891191f2..88ae685d2 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -708,6 +708,9 @@ body.ttrss_main #toolbar-frame #toolbar .left i.icon-error {
 body.ttrss_main #toolbar-frame #toolbar i.log-alert {
   color: #ddba1c;
 }
+body.ttrss_main #toolbar-frame #toolbar i {
+  margin: 0 4px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines {
   padding-right: 4px;
   flex-grow: 2;
@@ -718,9 +721,8 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   display: flex;
   align-items: center;
 }
-body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
-  vertical-align: middle;
-  margin-right: 8px;
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left #feed_title {
+  margin-left: 4px;
 }
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right {
   display: flex;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index 766a98df6..b80699747 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -708,6 +708,9 @@ body.ttrss_main #toolbar-frame #toolbar .left i.icon-error {
 body.ttrss_main #toolbar-frame #toolbar i.log-alert {
   color: #ddba1c;
 }
+body.ttrss_main #toolbar-frame #toolbar i {
+  margin: 0 4px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines {
   padding-right: 4px;
   flex-grow: 2;
@@ -718,9 +721,8 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   display: flex;
   align-items: center;
 }
-body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
-  vertical-align: middle;
-  margin-right: 8px;
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left #feed_title {
+  margin-left: 4px;
 }
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right {
   display: flex;