use more consistent margins for left toolbar icons

4 years ago · d7973fe1b6
parent d1ee30d1ba
commit d7973fe1b6
6 changed files with 31 additions and 18 deletions
--- 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;
--- 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;
--- 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;
--- 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;
 					}
 				}

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