Fix sender information being cut-off in 2-row card view

Deathbyteacup · web-flow · commit a8404b631609 · 2025-10-22T13:48:30.000+01:00
Fixes an issue where the sender's name and email address would be in too large a font, and cut-off, when the card size was set to two rows instead of 3 rows.
diff --git a/userChrome.css b/userChrome.css
@@ -836,6 +836,13 @@ tr.table-layout.selected.current {
 	display: none !important;
 }
 
+/* Target cards with approximately 2-row height */
+tr.card-layout[style*="height: 49px"] .sender,
+tr.card-layout[style*="height: 50px"] .sender {
+    font-size: 1rem !important;
+    font-weight: 500 !important;
+    margin-top: 5px !important;
+}
 
 /* DARK MODE */
 @media (prefers-color-scheme: dark) {
@@ -933,3 +940,4 @@ tr.table-layout.selected.current {
 
 
 }
+

Original file line number	Diff line number	Diff line change
`@@ -836,6 +836,13 @@ tr.table-layout.selected.current {`
`836`	`836`	`display: none !important;`
`837`	`837`	`}`
`838`	`838`
	`839`	`+/* Target cards with approximately 2-row height */`
	`840`	`+tr.card-layout[style*="height: 49px"] .sender,`
	`841`	`+tr.card-layout[style*="height: 50px"] .sender {`
	`842`	`+ font-size: 1rem !important;`
	`843`	`+ font-weight: 500 !important;`
	`844`	`+ margin-top: 5px !important;`
	`845`	`+}`
`839`	`846`
`840`	`847`	`/* DARK MODE */`
`841`	`848`	`@media (prefers-color-scheme: dark) {`
`@@ -933,3 +940,4 @@ tr.table-layout.selected.current {`
`933`	`940`
`934`	`941`
`935`	`942`	`}`
	`943`	`+`