margins on main row in body causes overflow and horizontal scroll

Prerequisites

  • Can you reproduce the problem in a fresh Firefox profile with only ClearURLs?
  • Are you running the latest version of ClearURLs?
  • Have you changed settings under about:config?

Description

The horizontal margin on the .row element causes the body to overflow which introduces unnecessary horizontal scrolling.

Steps to Reproduce

  1. Open settings
  2. Scroll horizontally

Expected behavior: No horizontal scrolling (if the content doesn't require it)

Actual behavior: A horizontal scrolling is introduced with empty content

Suggested Fix

Remove margin-right: -15px and margin-left: -15px on .row in body.

System

  • Version: 1.20.0
  • Platform: macOS Mojave 10.14.6 (Darwin 18.7.0)
  • Country: Germany

Screenshot

Screenshot_2021-02-15_at_13.37.47

To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information