fixes jumping lines (#4782)

* fixes

* fix template

* fix frss.css

* fix Nord theme

30 files changed, 32 insertions, 182 deletions

diff --git a/app/views/helpers/index/normal/entry_header.phtml b/app/views/helpers/index/normal/entry_header.phtml
index 248ad4804..43eeb7f8a 100644
--- a/app/views/helpers/index/normal/entry_header.phtml
+++ b/app/views/helpers/index/normal/entry_header.phtml
@@ -50,7 +50,7 @@
 
 	<li class="item title<?= (($topline_thumbnail !== 'none') || $topline_summary) ? ' multiline' : '' ?>" dir="auto"><a target="_blank" rel="noreferrer" href="<?= $this->entry->link() ?>" class="item-element"><?= $this->entry->title() ?><?php
 		if ($topline_display_authors):
-			?><span class="item-element author"><?php
+			?><span class="author"><?php
 			$authors = $this->entry->authors();
 			if (is_array($authors)) {
 				$first = true;
@@ -62,7 +62,7 @@
 			?></span><?php
 		endif;
 		if ($topline_summary):
-			?><div class="item-element summary"><?= trim(mb_substr(strip_tags($this->entry->content()), 0, 500, 'UTF-8')) ?></div><?php
+			?><div class="summary"><?= trim(mb_substr(strip_tags($this->entry->content()), 0, 500, 'UTF-8')) ?></div><?php
 		endif;
 	?></a></li>
 	<?php if ($topline_date) { ?><li class="item date"><time datetime="<?= $this->entry->machineReadableDate() ?>" class="item-element"><?= $this->entry->date() ?></time>&nbsp;</li><?php } ?>
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index d3253ad10..77f59e140 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -801,10 +801,6 @@ kbd {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .website a:hover .favicon,
 .flux a.website:hover .favicon {
 	filter: grayscale(50%);
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 3e762b7bc..011ac1b78 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -801,10 +801,6 @@ kbd {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .website a:hover .favicon,
 .flux a.website:hover .favicon {
 	filter: grayscale(50%);
diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss
index df0f71e1b..c85c6f8fb 100644
--- a/p/themes/Ansum/_list-view.scss
+++ b/p/themes/Ansum/_list-view.scss
@@ -16,7 +16,6 @@
 
 		&:not(.current):hover .item.title {
 			background: variables.$grey-lighter;
-			bottom: 3px;
 		}
 	}
 
@@ -70,10 +69,6 @@
 			color: variables.$main-font-color;
 			opacity: 0.75;
 		}
-
-		.favicon {
-			padding: 5px;
-		}
 	}
 
 	.item.date {
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index ebdd6daf8..bab784b98 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -459,7 +459,7 @@ form th {
 }
 .tree .tree-folder {
 	border-bottom: 1px solid #f0e7da;
-	box-shadow: inset -1px -11px 8px #0003;
+	box-shadow: inset -1px -11px 8px rgba(0, 0, 0, 0.2);
 }
 .tree .tree-folder .tree-folder-title {
 	padding: 12px 16px;
@@ -987,7 +987,6 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #fcfaf8;
-	bottom: 3px;
 }
 .flux.current {
 	background: #fff;
@@ -1022,9 +1021,6 @@ main.prompt {
 	color: #363330;
 	opacity: 0.75;
 }
-.flux .website .favicon {
-	padding: 5px;
-}
 .flux .item.date {
 	color: rgba(54, 51, 48, 0.5);
 	font-size: 0.85rem;
@@ -1208,7 +1204,6 @@ main.prompt {
 	.form-group .group-name {
 		text-align: left;
 	}
-
 	.aside {
 		transition: all 0.2s ease-in-out;
 	}
@@ -1218,7 +1213,6 @@ main.prompt {
 	.aside .tree .tree-folder .tree-folder-items .item a {
 		padding: 0.5rem 1rem;
 	}
-
 	.aside .toggle_aside,
 #panel .close,
 .dropdown-menu .toggle_aside,
@@ -1237,7 +1231,6 @@ main.prompt {
 #slider .toggle_aside .icon {
 		filter: grayscale(100%) brightness(2.5);
 	}
-
 	.header {
 		padding: 0.5rem;
 		height: 8rem;
@@ -1262,16 +1255,13 @@ main.prompt {
 		min-height: 49px;
 		padding: 0.5rem 2rem;
 	}
-
 	#global {
 		height: calc(100% - 8rem);
 	}
-
 	.post {
 		padding-left: 1rem;
 		padding-right: 1rem;
 	}
-
 	.nav_menu .btn {
 		margin: 0;
 		padding: 0.85rem 1.25rem;
@@ -1297,11 +1287,9 @@ main.prompt {
 	.nav_menu .search .input:focus {
 		width: 400px;
 	}
-
 	#stream .flux .flux_header {
 		padding: 0.5rem 0;
 	}
-
 	.dropdown-target:target ~ .dropdown-toggle::after {
 		background-color: #fcfaf8;
 		border-top: 1px solid #f5f0ec;
@@ -1315,7 +1303,6 @@ main.prompt {
 	.dropdown-target:target ~ a.dropdown-toggle:not(.btn)::after {
 		bottom: -17px;
 	}
-
 	.day {
 		text-align: center;
 		padding: 1rem 0;
@@ -1327,11 +1314,9 @@ main.prompt {
 		line-height: 1.5rem;
 		margin-bottom: 1rem;
 	}
-
 	#nav_entries {
 		line-height: 4.5rem;
 	}
-
 	.notification {
 		border-radius: 0;
 	}
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index c6f16979d..53b4c4bb0 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -459,7 +459,7 @@ form th {
 }
 .tree .tree-folder {
 	border-bottom: 1px solid #f0e7da;
-	box-shadow: inset 1px -11px 8px #0003;
+	box-shadow: inset 1px -11px 8px rgba(0, 0, 0, 0.2);
 }
 .tree .tree-folder .tree-folder-title {
 	padding: 12px 16px;
@@ -987,7 +987,6 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #fcfaf8;
-	bottom: 3px;
 }
 .flux.current {
 	background: #fff;
@@ -1022,9 +1021,6 @@ main.prompt {
 	color: #363330;
 	opacity: 0.75;
 }
-.flux .website .favicon {
-	padding: 5px;
-}
 .flux .item.date {
 	color: rgba(54, 51, 48, 0.5);
 	font-size: 0.85rem;
@@ -1208,7 +1204,6 @@ main.prompt {
 	.form-group .group-name {
 		text-align: right;
 	}
-
 	.aside {
 		transition: all 0.2s ease-in-out;
 	}
@@ -1218,7 +1213,6 @@ main.prompt {
 	.aside .tree .tree-folder .tree-folder-items .item a {
 		padding: 0.5rem 1rem;
 	}
-
 	.aside .toggle_aside,
 #panel .close,
 .dropdown-menu .toggle_aside,
@@ -1237,7 +1231,6 @@ main.prompt {
 #slider .toggle_aside .icon {
 		filter: grayscale(100%) brightness(2.5);
 	}
-
 	.header {
 		padding: 0.5rem;
 		height: 8rem;
@@ -1262,16 +1255,13 @@ main.prompt {
 		min-height: 49px;
 		padding: 0.5rem 2rem;
 	}
-
 	#global {
 		height: calc(100% - 8rem);
 	}
-
 	.post {
 		padding-right: 1rem;
 		padding-left: 1rem;
 	}
-
 	.nav_menu .btn {
 		margin: 0;
 		padding: 0.85rem 1.25rem;
@@ -1297,11 +1287,9 @@ main.prompt {
 	.nav_menu .search .input:focus {
 		width: 400px;
 	}
-
 	#stream .flux .flux_header {
 		padding: 0.5rem 0;
 	}
-
 	.dropdown-target:target ~ .dropdown-toggle::after {
 		background-color: #fcfaf8;
 		border-top: 1px solid #f5f0ec;
@@ -1315,7 +1303,6 @@ main.prompt {
 	.dropdown-target:target ~ a.dropdown-toggle:not(.btn)::after {
 		bottom: -17px;
 	}
-
 	.day {
 		text-align: center;
 		padding: 1rem 0;
@@ -1327,11 +1314,9 @@ main.prompt {
 		line-height: 1.5rem;
 		margin-bottom: 1rem;
 	}
-
 	#nav_entries {
 		line-height: 4.5rem;
 	}
-
 	.notification {
 		border-radius: 0;
 	}
diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css
index 9ec8377b8..832f49693 100644
--- a/p/themes/BlueLagoon/BlueLagoon.css
+++ b/p/themes/BlueLagoon/BlueLagoon.css
@@ -861,10 +861,6 @@ a.btn {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css
index f43c81285..432b695d2 100644
--- a/p/themes/BlueLagoon/BlueLagoon.rtl.css
+++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css
@@ -861,10 +861,6 @@ a.btn {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index 8d5fa7167..6ffd6676f 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -748,10 +748,6 @@ a.btn {
 	color: #888;
 }
 
-.flux .website .favicon {
-	margin: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index d839699dd..551a2e05e 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -748,10 +748,6 @@ a.btn {
 	color: #888;
 }
 
-.flux .website .favicon {
-	margin: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index 38e5e967d..86fd80351 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -771,10 +771,6 @@ a.btn {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index 5fa4b65a2..81d15a610 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -771,10 +771,6 @@ a.btn {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Mapco/_list-view.scss b/p/themes/Mapco/_list-view.scss
index bbdcbe39f..40fab3c1c 100644
--- a/p/themes/Mapco/_list-view.scss
+++ b/p/themes/Mapco/_list-view.scss
@@ -15,7 +15,6 @@
 
 		&:not(.current):hover .item.title {
 			background: variables.$grey-lighter;
-			bottom: 3px;
 		}
 	}
 
@@ -70,10 +69,6 @@
 			color: variables.$main-font-color;
 			opacity: 0.75;
 		}
-
-		.favicon {
-			padding: 5px;
-		}
 	}
 
 	.item.date {
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index f91e08599..f9fd4c4fb 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -1005,7 +1005,6 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #f9fafb;
-	bottom: 3px;
 }
 .flux.current {
 	background: #f9fafb;
@@ -1040,9 +1039,6 @@ main.prompt {
 	color: #303136;
 	opacity: 0.75;
 }
-.flux .website .favicon {
-	padding: 5px;
-}
 .flux .item.date {
 	color: rgba(48, 49, 54, 0.5);
 	font-size: 0.85rem;
@@ -1226,7 +1222,6 @@ main.prompt {
 	.form-group .group-name {
 		text-align: left;
 	}
-
 	.aside {
 		transition: all 0.2s ease-in-out;
 	}
@@ -1236,7 +1231,6 @@ main.prompt {
 	.aside .tree .tree-folder .tree-folder-items .item a {
 		padding: 0.5rem 1rem;
 	}
-
 	.aside .toggle_aside,
 #panel .close,
 .dropdown-menu .toggle_aside,
@@ -1255,7 +1249,6 @@ main.prompt {
 #slider .toggle_aside .icon {
 		filter: grayscale(100%) brightness(2.5);
 	}
-
 	.header {
 		padding: 0.5rem;
 		height: 8rem;
@@ -1276,22 +1269,18 @@ main.prompt {
 	.header .item.search input:focus {
 		width: 100%;
 	}
-
 	#global {
 		height: calc(100% - 8rem);
 	}
-
 	main.prompt {
 		max-width: 100%;
 		min-width: auto;
 		width: 75%;
 	}
-
 	.post {
 		padding-left: 1rem;
 		padding-right: 1rem;
 	}
-
 	.nav_menu .btn {
 		margin: 0;
 		padding: 0.85rem 1.25rem;
@@ -1317,11 +1306,9 @@ main.prompt {
 	.nav_menu .search .input:focus {
 		width: 400px;
 	}
-
 	#stream .flux .flux_header {
 		padding: 0.5rem 0;
 	}
-
 	.dropdown-target:target ~ .dropdown-toggle::after {
 		background-color: #f9fafb;
 		border-top: 1px solid #eff0f2;
@@ -1335,7 +1322,6 @@ main.prompt {
 	.dropdown-target:target ~ a.dropdown-toggle:not(.btn)::after {
 		bottom: -17px;
 	}
-
 	.day {
 		text-align: center;
 		padding: 1rem 0;
@@ -1347,11 +1333,9 @@ main.prompt {
 		line-height: 1.5rem;
 		margin-bottom: 1rem;
 	}
-
 	#nav_entries {
 		line-height: 4.5rem;
 	}
-
 	.notification {
 		border-radius: 0;
 	}
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 7e6217bef..16e9fc8d2 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -1005,7 +1005,6 @@ main.prompt {
 }
 .flux:hover:not(.current):hover .item.title {
 	background: #f9fafb;
-	bottom: 3px;
 }
 .flux.current {
 	background: #f9fafb;
@@ -1040,9 +1039,6 @@ main.prompt {
 	color: #303136;
 	opacity: 0.75;
 }
-.flux .website .favicon {
-	padding: 5px;
-}
 .flux .item.date {
 	color: rgba(48, 49, 54, 0.5);
 	font-size: 0.85rem;
@@ -1226,7 +1222,6 @@ main.prompt {
 	.form-group .group-name {
 		text-align: right;
 	}
-
 	.aside {
 		transition: all 0.2s ease-in-out;
 	}
@@ -1236,7 +1231,6 @@ main.prompt {
 	.aside .tree .tree-folder .tree-folder-items .item a {
 		padding: 0.5rem 1rem;
 	}
-
 	.aside .toggle_aside,
 #panel .close,
 .dropdown-menu .toggle_aside,
@@ -1255,7 +1249,6 @@ main.prompt {
 #slider .toggle_aside .icon {
 		filter: grayscale(100%) brightness(2.5);
 	}
-
 	.header {
 		padding: 0.5rem;
 		height: 8rem;
@@ -1276,22 +1269,18 @@ main.prompt {
 	.header .item.search input:focus {
 		width: 100%;
 	}
-
 	#global {
 		height: calc(100% - 8rem);
 	}
-
 	main.prompt {
 		max-width: 100%;
 		min-width: auto;
 		width: 75%;
 	}
-
 	.post {
 		padding-right: 1rem;
 		padding-left: 1rem;
 	}
-
 	.nav_menu .btn {
 		margin: 0;
 		padding: 0.85rem 1.25rem;
@@ -1317,11 +1306,9 @@ main.prompt {
 	.nav_menu .search .input:focus {
 		width: 400px;
 	}
-
 	#stream .flux .flux_header {
 		padding: 0.5rem 0;
 	}
-
 	.dropdown-target:target ~ .dropdown-toggle::after {
 		background-color: #f9fafb;
 		border-top: 1px solid #eff0f2;
@@ -1335,7 +1322,6 @@ main.prompt {
 	.dropdown-target:target ~ a.dropdown-toggle:not(.btn)::after {
 		bottom: -17px;
 	}
-
 	.day {
 		text-align: center;
 		padding: 1rem 0;
@@ -1347,11 +1333,9 @@ main.prompt {
 		line-height: 1.5rem;
 		margin-bottom: 1rem;
 	}
-
 	#nav_entries {
 		line-height: 4.5rem;
 	}
-
 	.notification {
 		border-radius: 0;
 	}
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index ff51c608e..4439a07d4 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -557,7 +557,12 @@ li.item.active {
 }
 
 .flux .website .favicon {
-	padding: 3px;
+	padding: 0.25rem;
+	position: absolute;
+}
+
+.flux .website span {
+	margin-left: 2rem;
 }
 
 .flux .item.date {
@@ -579,10 +584,6 @@ li.item.active {
 
 }
 
-.flux .item {
-	line-height: 30px;
-}
-
 .flux.current {
 	background: var(--accent-bg);
 }
@@ -590,7 +591,6 @@ li.item.active {
 .flux:not(.current):hover .item.title {
 	background: var(--accent-bg);
 	transition: .4s;
-	bottom: 0;
 }
 
 .flux .item.title a {
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index a76a6f5a9..d60a732ba 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -557,7 +557,12 @@ li.item.active {
 }
 
 .flux .website .favicon {
-	padding: 3px;
+	padding: 0.25rem;
+	position: absolute;
+}
+
+.flux .website span {
+	margin-right: 2rem;
 }
 
 .flux .item.date {
@@ -579,10 +584,6 @@ li.item.active {
 
 }
 
-.flux .item {
-	line-height: 30px;
-}
-
 .flux.current {
 	background: var(--accent-bg);
 }
@@ -590,7 +591,6 @@ li.item.active {
 .flux:not(.current):hover .item.title {
 	background: var(--accent-bg);
 	transition: .4s;
-	bottom: 0;
 }
 
 .flux .item.title a {
diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index 7d4d91bb5..0ab53f616 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/p/themes/Origine-compact/origine-compact.css
@@ -122,10 +122,6 @@ a.btn,
 
 /*=== Index menu */
 /*=== Feed articles */
-.flux_header {
-	font-size: 0.8rem;
-}
-
 .flux .item {
 	padding: 0;
 }
@@ -167,12 +163,8 @@ a.btn,
 	max-height: 1.5em;
 }
 
-.flux:not(.current):hover .item.title {
-	bottom: 0;
-}
-
-.flux .item.title .item-element {
-	padding: 0;
+.flux .flux_header .item .item-element {
+	padding: 0.25rem 0;
 }
 
 /*=== Content of feed articles */
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index 704a707e9..c93cbfc6b 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/p/themes/Origine-compact/origine-compact.rtl.css
@@ -122,10 +122,6 @@ a.btn,
 
 /*=== Index menu */
 /*=== Feed articles */
-.flux_header {
-	font-size: 0.8rem;
-}
-
 .flux .item {
 	padding: 0;
 }
@@ -167,12 +163,8 @@ a.btn,
 	max-height: 1.5em;
 }
 
-.flux:not(.current):hover .item.title {
-	bottom: 0;
-}
-
-.flux .item.title .item-element {
-	padding: 0;
+.flux .flux_header .item .item-element {
+	padding: 0.25rem 0;
 }
 
 /*=== Content of feed articles */
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index b9b2fa034..f0a7d96bc 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -866,10 +866,6 @@ a:hover .icon {
 	cursor: pointer;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: var(--font-color-grey);
 	font-size: 0.7rem;
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index 6f9da92e8..88724a6ef 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -866,10 +866,6 @@ a:hover .icon {
 	cursor: pointer;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: var(--font-color-grey);
 	font-size: 0.7rem;
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index b5068abe4..9690cdcd5 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -721,10 +721,6 @@ a.signin {
 	border-left: 3px solid #d9534f;
 }
 
-.flux:not(.current):hover .item.title {
-	bottom: 0;
-}
-
 .flux .item.title a, .flux.not_read:not(.current):hover .item.title {
 	color: #333;
 }
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 412aa3adf..987a7cc32 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -721,10 +721,6 @@ a.signin {
 	border-right: 3px solid #d9534f;
 }
 
-.flux:not(.current):hover .item.title {
-	bottom: 0;
-}
-
 .flux .item.title a, .flux.not_read:not(.current):hover .item.title {
 	color: #333;
 }
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 4f9047f2d..af29e24d4 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -840,10 +840,6 @@ a.btn {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index 8bc26c9cd..0c76ba1be 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/p/themes/Screwdriver/screwdriver.rtl.css
@@ -840,10 +840,6 @@ a.btn {
 	font-size: 0.9rem;
 }
 
-.flux .website .favicon {
-	padding: 5px;
-}
-
 .flux .item.date {
 	color: #666;
 	font-size: 0.7rem;
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index f83dda4b0..03f721be6 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -789,7 +789,6 @@ form th {
 .flux:hover:not(.current):hover .item.title,
 .flux .current:not(.current):hover .item.title {
 	background: #fff;
-	top: 0.15rem;
 }
 .flux.favorite:not(.current) {
 	background: #fff6da;
@@ -811,9 +810,6 @@ form th {
 	font-size: 0.8rem;
 	text-align: center;
 }
-.flux .website .favicon {
-	padding: 5px;
-}
 .flux label {
 	color: #fcfcfc;
 	cursor: pointer;
@@ -1205,4 +1201,4 @@ button.as-link {
 
 #slider label {
 	min-height: initial;
-}
\ No newline at end of file
+}
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index 7d068b3c0..d6aea4151 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -789,7 +789,6 @@ form th {
 .flux:hover:not(.current):hover .item.title,
 .flux .current:not(.current):hover .item.title {
 	background: #fff;
-	top: 0.15rem;
 }
 .flux.favorite:not(.current) {
 	background: #fff6da;
@@ -811,9 +810,6 @@ form th {
 	font-size: 0.8rem;
 	text-align: center;
 }
-.flux .website .favicon {
-	padding: 5px;
-}
 .flux label {
 	color: #fcfcfc;
 	cursor: pointer;
@@ -1205,4 +1201,4 @@ button.as-link {
 
 #slider label {
 	min-height: initial;
-}
\ No newline at end of file
+}
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 8d58ac25e..26b5096bc 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -1053,10 +1053,6 @@ form {
 		text-align: center;
 	}
 
-	.website .favicon {
-		padding: 5px;
-	}
-
 	label {
 		color: $color_light;
 		cursor: pointer;
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 52d5c8d44..1cc030c46 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -1124,6 +1124,11 @@ input[type="search"] {
 	white-space: nowrap;
 }
 
+.flux .flux_header .item .item-element {
+	padding: 0.5rem 0;
+	line-height: 1.5rem;
+}
+
 .flux .item.manage,
 .flux .item.link {
 	width: 40px;
@@ -1149,7 +1154,6 @@ a.website:hover .favicon {
 	background-color: var(--frss-background-color);
 	max-width: calc(100% - 320px);
 	position: absolute;
-	bottom: 2px;
 }
 
 .flux:not(.current):hover .item.title.multiline {
@@ -1218,7 +1222,6 @@ a.website:hover .favicon {
 .flux .item.title .author {
 	padding-left: 1rem;
 	color: var(--frss-font-color-grey-dark);
-	font-size: 0.9rem;
 	font-weight: normal;
 }
 
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 0ec4c03e3..f4c2fe060 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -1124,6 +1124,11 @@ input[type="search"] {
 	white-space: nowrap;
 }
 
+.flux .flux_header .item .item-element {
+	padding: 0.5rem 0;
+	line-height: 1.5rem;
+}
+
 .flux .item.manage,
 .flux .item.link {
 	width: 40px;
@@ -1149,7 +1154,6 @@ a.website:hover .favicon {
 	background-color: var(--frss-background-color);
 	max-width: calc(100% - 320px);
 	position: absolute;
-	bottom: 2px;
 }
 
 .flux:not(.current):hover .item.title.multiline {
@@ -1218,7 +1222,6 @@ a.website:hover .favicon {
 .flux .item.title .author {
 	padding-right: 1rem;
 	color: var(--frss-font-color-grey-dark);
-	font-size: 0.9rem;
 	font-weight: normal;
 }