update zoom layout a bit

6 files changed, 55 insertions, 30 deletions

diff --git a/themes/compact.css b/themes/compact.css
index e8fe58c8c..7b715cb98 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -1985,8 +1985,8 @@ body.ttrss_zoom div.post .attachments {
   display: none;
 }
 body.ttrss_zoom div.post div.header {
-  padding-bottom: 10px;
-  border: 0px solid #ddd;
+  padding-bottom: 8px;
+  border: 0 solid #ddd;
   border-bottom-width: 1px;
   background: white;
   font-size: 13px;
@@ -1999,11 +1999,16 @@ body.ttrss_zoom div.post div.header .row {
   align-items: center;
   justify-content: space-between;
 }
+body.ttrss_zoom div.post div.header .row h1 {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
 body.ttrss_zoom div.post .content {
   font-size: 15px;
   line-height: 1.5;
   border-width: 0;
   padding: 0;
+  padding-top: 8px;
 }
 body.ttrss_zoom div.post .content img,
 body.ttrss_zoom div.post .content video {
@@ -2013,7 +2018,7 @@ body.ttrss_zoom div.post .content video {
 body.ttrss_zoom div.post .content blockquote {
   margin: 5px 0px 5px 0px;
   color: #555;
-  padding-left: 10px;
+  padding-left: 8px;
   border: 0px solid #ddd;
   border-left-width: 4px;
 }
@@ -2023,8 +2028,7 @@ body.ttrss_zoom div.post .content code {
   font-size: 12px;
 }
 body.ttrss_zoom div.post .content pre {
-  margin: 5px 0px 5px 0px;
-  padding: 10px;
+  padding: 8px;
   color: #555;
   font-family: monospace;
   font-size: 12px;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 1870f963b..4ab4ffe24 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -1976,8 +1976,8 @@ body.ttrss_zoom div.post .attachments {
   display: none;
 }
 body.ttrss_zoom div.post div.header {
-  padding-bottom: 10px;
-  border: 0px solid #222;
+  padding-bottom: 8px;
+  border: 0 solid #222;
   border-bottom-width: 1px;
   background: #333;
   font-size: 13px;
@@ -1990,11 +1990,16 @@ body.ttrss_zoom div.post div.header .row {
   align-items: center;
   justify-content: space-between;
 }
+body.ttrss_zoom div.post div.header .row h1 {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
 body.ttrss_zoom div.post .content {
   font-size: 15px;
   line-height: 1.5;
   border-width: 0;
   padding: 0;
+  padding-top: 8px;
 }
 body.ttrss_zoom div.post .content img,
 body.ttrss_zoom div.post .content video {
@@ -2004,7 +2009,7 @@ body.ttrss_zoom div.post .content video {
 body.ttrss_zoom div.post .content blockquote {
   margin: 5px 0px 5px 0px;
   color: #ccc;
-  padding-left: 10px;
+  padding-left: 8px;
   border: 0px solid #222;
   border-left-width: 4px;
 }
@@ -2014,8 +2019,7 @@ body.ttrss_zoom div.post .content code {
   font-size: 12px;
 }
 body.ttrss_zoom div.post .content pre {
-  margin: 5px 0px 5px 0px;
-  padding: 10px;
+  padding: 8px;
   color: #ccc;
   font-family: monospace;
   font-size: 12px;
diff --git a/themes/light.css b/themes/light.css
index 0619476cf..70c3fb47c 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -1985,8 +1985,8 @@ body.ttrss_zoom div.post .attachments {
   display: none;
 }
 body.ttrss_zoom div.post div.header {
-  padding-bottom: 10px;
-  border: 0px solid #ddd;
+  padding-bottom: 8px;
+  border: 0 solid #ddd;
   border-bottom-width: 1px;
   background: white;
   font-size: 13px;
@@ -1999,11 +1999,16 @@ body.ttrss_zoom div.post div.header .row {
   align-items: center;
   justify-content: space-between;
 }
+body.ttrss_zoom div.post div.header .row h1 {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
 body.ttrss_zoom div.post .content {
   font-size: 15px;
   line-height: 1.5;
   border-width: 0;
   padding: 0;
+  padding-top: 8px;
 }
 body.ttrss_zoom div.post .content img,
 body.ttrss_zoom div.post .content video {
@@ -2013,7 +2018,7 @@ body.ttrss_zoom div.post .content video {
 body.ttrss_zoom div.post .content blockquote {
   margin: 5px 0px 5px 0px;
   color: #555;
-  padding-left: 10px;
+  padding-left: 8px;
   border: 0px solid #ddd;
   border-left-width: 4px;
 }
@@ -2023,8 +2028,7 @@ body.ttrss_zoom div.post .content code {
   font-size: 12px;
 }
 body.ttrss_zoom div.post .content pre {
-  margin: 5px 0px 5px 0px;
-  padding: 10px;
+  padding: 8px;
   color: #555;
   font-family: monospace;
   font-size: 12px;
diff --git a/themes/light/zoom.less b/themes/light/zoom.less
index fd39e5b76..3318482c2 100644
--- a/themes/light/zoom.less
+++ b/themes/light/zoom.less
@@ -12,8 +12,8 @@ body.ttrss_zoom {
 		}
 
 		div.header {
-			padding-bottom : 10px;
-			border: 0px solid @border-default;
+			padding-bottom : 8px;
+			border: 0 solid @border-default;
 			border-bottom-width: 1px;
 			background : @default-bg;
 			font-size : @font-size-toolbar;
@@ -25,6 +25,11 @@ body.ttrss_zoom {
 				flex-wrap : nowrap;
 				align-items : center;
 				justify-content : space-between;
+
+				h1 {
+					margin-top : 0;
+					margin-bottom : 8px;
+				}
 			}
 		}
 
@@ -33,6 +38,7 @@ body.ttrss_zoom {
 			line-height : 1.5;
 			border-width : 0;
 			padding : 0;
+			padding-top : 8px;
 
 			img, video {
 				max-width : 760px;
@@ -42,7 +48,7 @@ body.ttrss_zoom {
 			blockquote {
 				margin : 5px 0px 5px 0px;
 				color : @default-text;
-				padding-left : 10px;
+				padding-left : 8px;
 				border: 0px solid @border-default;
 				border-left-width: 4px;
 			}
@@ -54,8 +60,7 @@ body.ttrss_zoom {
 			}
 
 			pre {
-				margin : 5px 0px 5px 0px;
-				padding : 10px;
+				padding : 8px;
 				color : @default-text;
 				font-family : monospace;
 				font-size : 12px;
diff --git a/themes/night.css b/themes/night.css
index 5b13ad506..f5af03634 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -1977,8 +1977,8 @@ body.ttrss_zoom div.post .attachments {
   display: none;
 }
 body.ttrss_zoom div.post div.header {
-  padding-bottom: 10px;
-  border: 0px solid #222;
+  padding-bottom: 8px;
+  border: 0 solid #222;
   border-bottom-width: 1px;
   background: #333;
   font-size: 13px;
@@ -1991,11 +1991,16 @@ body.ttrss_zoom div.post div.header .row {
   align-items: center;
   justify-content: space-between;
 }
+body.ttrss_zoom div.post div.header .row h1 {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
 body.ttrss_zoom div.post .content {
   font-size: 15px;
   line-height: 1.5;
   border-width: 0;
   padding: 0;
+  padding-top: 8px;
 }
 body.ttrss_zoom div.post .content img,
 body.ttrss_zoom div.post .content video {
@@ -2005,7 +2010,7 @@ body.ttrss_zoom div.post .content video {
 body.ttrss_zoom div.post .content blockquote {
   margin: 5px 0px 5px 0px;
   color: #ccc;
-  padding-left: 10px;
+  padding-left: 8px;
   border: 0px solid #222;
   border-left-width: 4px;
 }
@@ -2015,8 +2020,7 @@ body.ttrss_zoom div.post .content code {
   font-size: 12px;
 }
 body.ttrss_zoom div.post .content pre {
-  margin: 5px 0px 5px 0px;
-  padding: 10px;
+  padding: 8px;
   color: #ccc;
   font-family: monospace;
   font-size: 12px;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index 1471d6e69..023c4b5f5 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -1977,8 +1977,8 @@ body.ttrss_zoom div.post .attachments {
   display: none;
 }
 body.ttrss_zoom div.post div.header {
-  padding-bottom: 10px;
-  border: 0px solid #222;
+  padding-bottom: 8px;
+  border: 0 solid #222;
   border-bottom-width: 1px;
   background: #333;
   font-size: 13px;
@@ -1991,11 +1991,16 @@ body.ttrss_zoom div.post div.header .row {
   align-items: center;
   justify-content: space-between;
 }
+body.ttrss_zoom div.post div.header .row h1 {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
 body.ttrss_zoom div.post .content {
   font-size: 15px;
   line-height: 1.5;
   border-width: 0;
   padding: 0;
+  padding-top: 8px;
 }
 body.ttrss_zoom div.post .content img,
 body.ttrss_zoom div.post .content video {
@@ -2005,7 +2010,7 @@ body.ttrss_zoom div.post .content video {
 body.ttrss_zoom div.post .content blockquote {
   margin: 5px 0px 5px 0px;
   color: #ccc;
-  padding-left: 10px;
+  padding-left: 8px;
   border: 0px solid #222;
   border-left-width: 4px;
 }
@@ -2015,8 +2020,7 @@ body.ttrss_zoom div.post .content code {
   font-size: 12px;
 }
 body.ttrss_zoom div.post .content pre {
-  margin: 5px 0px 5px 0px;
-  padding: 10px;
+  padding: 8px;
   color: #ccc;
   font-family: monospace;
   font-size: 12px;