simplify zoom mode display

1 files changed, 25 insertions, 20 deletions

diff --git a/css/zoom.less b/css/zoom.less
index 347a44a7e..566e34f08 100644
--- a/css/zoom.less
+++ b/css/zoom.less
@@ -19,37 +19,42 @@ body.ttrss_zoom {
 			font-size : 12px;
 			color : #555;
 
-			.author {
-				font-size : 11px;
+			.row {
+				display : flex;
+				margin-bottom : 4px;
+				flex-wrap : nowrap;
+
+				> * {
+					align-self : center;
+				}
 			}
 
-			div.feed-title {
-				float : left;
-				text-align : right;
-			}
-
-			a.comments {
-				text-align : right;
+			.comments {
+				flex-grow : 2;
 			}
 
-			div.date {
-				float : none;
+			.date {
 				text-align : right;
-				margin-bottom : 5px;
+				white-space : nowrap;
+				align-self : flex-start;
 			}
 
-			div.tags {
-
+			img, i {
+				margin : 0px 4px;
+				vertical-align: middle;
 			}
 
-			div.tags img {
-				vertical-align : middle;
+			.title {
+				flex-grow : 2;
+				align-self : flex-start;
+				font-size : 15px;
+				font-weight : 600;
+				text-rendering: optimizelegibility;
+				font-family : @fonts-ui-bold;
 			}
 
-			div.title {
-				white-space : normal;
-				font-size : 16px;
-				margin-bottom : 5px;
+			div.feed-title {
+				text-align : right;
 			}
 		}