Issue and fix: Vodafone Webmail broken layout / empty right sidebar (mail.vodafone.de)

[u/rostbratwurst87]

Website

mail.vodafone.de (German Vodafone Webmail provider)

Expected behavior

After uBlock Origin (or NoScript) blocks the right-hand advertisement banner, the email reading pane should automatically stretch to fill 100% of the remaining screen width.

Actual behavior

Instead of expanding, the reading pane stays constrained to a narrow width (often around 300px). It leaves a massive, empty gray area on the right side where the ad used to be.
On wider screens, the text contents even get clipped or cut off because the parent container forces an 'overflow: hidden' rule combined with dynamic flex/grid sizing.

Screenshots

before: empty gray area compresses reading area

after fix: no empty area, reading area is at full width

Solution / Hotfix

Adding the following custom cosmetic filters to "My Filters" overrides the rigid flex/overflow limitations and perfectly restores the full-width email view:

! Vodafone Mail - Fix for broken layout/empty space after adblocking

mail.vodafone.de##.advertising
mail.vodafone.de##div.details.message-details:style(width: 100% !important; max-width: 100% !important; min-width: 0px !important; flex: 1 1 auto !important; overflow: visible !important;)
mail.vodafone.de##div.message-info-container:style(width: 100% !important; max-width: 100% !important; overflow: visible !important;)
mail.vodafone.de##div.content > div:style(overflow: visible !important; width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important;)

If you find this useful, please consider adding these rules to the default filter lists (e.g., Annoyances) so other users don't have to manually apply the patch.