css: simplify flex styling a bit, set more specific selectors for i elements

1 files changed, 12 insertions, 33 deletions

diff --git a/css/tt-rss.less b/css/tt-rss.less
index a3dc757fc..6a5d5c3f4 100755
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -28,10 +28,8 @@ body.ttrss_main {
 				display : flex;
 				margin-bottom : 4px;
 				flex-wrap : nowrap;
-
-				> * {
-					align-self : center;
-				}
+				align-items : center;
+				justify-content : space-between;
 			}
 
 			.comments {
@@ -39,19 +37,16 @@ body.ttrss_main {
 			}
 
 			.date {
-				text-align : right;
 				white-space : nowrap;
-				align-self : flex-start;
 			}
 
-			img, i {
+			img, i.material-icons {
 				margin : 0px 4px;
 				vertical-align: middle;
 			}
 
 			.title {
 				flex-grow : 2;
-				align-self : flex-start;
 				font-size : 15px;
 				font-weight : 600;
 				text-rendering: optimizelegibility;
@@ -83,10 +78,7 @@ body.ttrss_main {
 
 	.inline-player {
 		display : flex;
-
-		> * {
-			align-self : center;
-		}
+		align-items : center;
 
 		audio {
 			margin-right : 8px;
@@ -99,9 +91,9 @@ body.ttrss_main {
 		border: 1px solid #e7d796;
 		color : #9a8c59;
 		display : flex;
+		align-items : center;
 
 		> * {
-			align-self : center;
 			padding : 5px;
 		}
 	}
@@ -163,11 +155,10 @@ body.ttrss_main {
 		font-size : 13px;
 		z-index : 99;
 		display : flex;
-
+		align-items : center;
 		transition: all 0.5s ease-in-out;
 
 		> * {
-			align-self : center;
 			padding : 4px;
 		}
 
@@ -221,9 +212,9 @@ body.ttrss_main {
 		flex-direction : row;
 		flex-wrap : nowrap;
 		background : @color-panel-bg;
+		align-items : center;
 
 		> * {
-			align-self : center;
 			white-space : nowrap;
 			padding : 4px;
 		}
@@ -234,10 +225,7 @@ body.ttrss_main {
 
 		.left, .right {
 			display : flex;
-
-			> * {
-				align-self : center;
-			}
+			align-items : center;
 
 			i.material-icons {
 				margin-left : 2px;
@@ -438,9 +426,9 @@ body.ttrss_main {
 
 		li {
 			display : flex;
+			align-items : center;
 
 			> * {
-				align-self : center;
 				margin : 2px;
 			}
 		}
@@ -802,10 +790,7 @@ body.ttrss_main {
 			flex-wrap : nowrap;
 			color : @default-text;
 			font-size : 12px;
-
-			> * {
-				align-self : center;
-			}
+			align-items : center;
 
 			.dijitSelect,
 			.dijitDropDownButton .dijitButtonNode,
@@ -829,23 +814,17 @@ body.ttrss_main {
 				.left {
 					flex-grow: 2;
 					display : flex;
+					align-items : center;
 
 					img {
 						vertical-align : middle;
 						margin-right : 8px;
 					}
-
-					> * {
-						align-self: center;
-					}
 				}
 
 				.right {
 					display : flex;
-
-					> * {
-						align-self : center;
-					}
+					align-items : center;
 				}
 			}