1 files changed, 30 insertions, 21 deletions

diff --git a/css/zoom.less b/css/zoom.less
index 347a44a7e..2fb773f2b 100644
--- a/css/zoom.less
+++ b/css/zoom.less
@@ -3,13 +3,17 @@ body.ttrss_zoom {
 	margin-right : auto;
 	padding : 20px;
 	max-width : 800px;
-	background : #f5f5f5;
+	background : @color-panel-bg;
 
 	div.post {
 		border : 1px solid #ddd;
 		background : white;
 		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 
+		.attachments {
+			display : none;
+		}
+
 		div.header {
 			margin : 10px;
 			padding-bottom : 10px;
@@ -19,37 +23,42 @@ body.ttrss_zoom {
 			font-size : 12px;
 			color : #555;
 
-			.author {
-				font-size : 11px;
-			}
+			.row {
+				display : flex;
+				margin-bottom : 4px;
+				flex-wrap : nowrap;
 
-			div.feed-title {
-				float : left;
-				text-align : right;
+				> * {
+					align-self : center;
+				}
 			}
 
-			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;
 			}
 		}
 
@@ -96,7 +105,7 @@ body.ttrss_zoom {
 				font-family : monospace;
 				font-size : 12px;
 				border: 0px solid #ccc;
-				background : #f5f5f5;
+				background : @color-panel-bg;
 				display : block;
 				max-width : 98%;
 				overflow : auto;