fix(themes): show feed name at narrow widths when configured (#8801)

Two narrow @media rules in base-theme/frss.css predate the configurable topline_website modes from #4969 and force icon-only behavior regardless of the user's Website setting; #8631 partially papered over this for grid-layout entries. Drop the unconditional span-hide and its grid-layout exception, and scope the 40px width cap to .websiteicon (with a comment explaining why it stays at narrow).

Co-authored-by: Bjørn A. Andersen <polybjorn@users.noreply.github.com>

p/themes/base-theme/frss.css

@@ -1564,7 +1564,6 @@ a.website:hover .favicon {
 	object-fit: cover;
 }
 
-
 .flux .flux_header .item.titleAuthorSummaryDate {
 	position: relative;
 	overflow: hidden;
@@ -2475,7 +2474,6 @@ html.slider-active {
 		--frss-padding-flux-items: 0.5rem;
 	}
 
-	.flux_header .item.website span,
 	.item .date,
 	.dropdown-menu > .no-mobile,
 	.no-mobile,
@@ -2500,7 +2498,6 @@ html.slider-active {
 		height: 24px;
 	}
 
-
 	header .item.search form {
 		display: none;
 	}
@@ -2566,10 +2563,6 @@ html.slider-active {
 		list-style: none;
 	}
 
-	.flux .flux_header.has-thumbnail.has-summary li.website .websiteName {
-		display: inline;
-	}
-
 	/** place all the elements in their respective template areas */
 	.flux .flux_header.has-thumbnail.has-summary li.website {
 		grid-area: website;
@@ -2800,7 +2793,8 @@ html.slider-active {
 		padding: 0;
 	}
 
-	.flux_header .item.website {
+	/** Compensate for shrunk --frss-padding-flux-items so favicon cell stays 40px at narrow */
+	.flux_header.websiteicon .item.website {
 		width: 40px;
 	}
 

p/themes/base-theme/frss.rtl.css

@@ -1564,7 +1564,6 @@ a.website:hover .favicon {
 	object-fit: cover;
 }
 
-
 .flux .flux_header .item.titleAuthorSummaryDate {
 	position: relative;
 	overflow: hidden;
@@ -2475,7 +2474,6 @@ html.slider-active {
 		--frss-padding-flux-items: 0.5rem;
 	}
 
-	.flux_header .item.website span,
 	.item .date,
 	.dropdown-menu > .no-mobile,
 	.no-mobile,
@@ -2500,7 +2498,6 @@ html.slider-active {
 		height: 24px;
 	}
 
-
 	header .item.search form {
 		display: none;
 	}
@@ -2566,10 +2563,6 @@ html.slider-active {
 		list-style: none;
 	}
 
-	.flux .flux_header.has-thumbnail.has-summary li.website .websiteName {
-		display: inline;
-	}
-
 	/** place all the elements in their respective template areas */
 	.flux .flux_header.has-thumbnail.has-summary li.website {
 		grid-area: website;
@@ -2800,7 +2793,8 @@ html.slider-active {
 		padding: 0;
 	}
 
-	.flux_header .item.website {
+	/** Compensate for shrunk --frss-padding-flux-items so favicon cell stays 40px at narrow */
+	.flux_header.websiteicon .item.website {
 		width: 40px;
 	}