In working on #162, I added a new preference, and noticed that the styles for each preference are way too specific. We need a consistent style for the preference label, description, and body, and not individual classes for every preference. The new "focus fix" preference uses the general styles and class name that all of them should.
Once this is done, we can improve the styles and markup. Currently, the label and body are displayed as columns, which means the left edge of the body is not consistent for each preference.
Instead, the label should be displayed above the body, and the body should be slightly indented. This will require a bit more vertical room, but should be a lot more consistent. It should also only require changing the styles themselves.
In working on #162, I added a new preference, and noticed that the styles for each preference are way too specific. We need a consistent style for the preference label, description, and body, and not individual classes for every preference. The new "focus fix" preference uses the general styles and class name that all of them should.
Once this is done, we can improve the styles and markup. Currently, the label and body are displayed as columns, which means the left edge of the body is not consistent for each preference.
Instead, the label should be displayed above the body, and the body should be slightly indented. This will require a bit more vertical room, but should be a lot more consistent. It should also only require changing the styles themselves.