Optimize UI components for configuration settings

[andreastai]

• Some settings in the configuration should have a switch instead of a selection box UI component.
• Settings and label should go right next to each other.

Visualization of duration on/off

Visualization of minimum duration

Configuration of reading speed

[andreastai]

Configuration to show/hide information about conformance to subtitle guidelines

[andreastai]

Configure Characters per line

[andreastai]

Configuration: Reading Speed in Characters per Second

[andreastai]

@LauraEhlis for the hints switch would the following solution also work for you:

The toggle switch would be on the right. It would be active if the value is show and gray if the value is hide. The text value (hide or show) would be displayed left to the toggle switch.

Or would you like it more as shown here https://getbootstrap.com/docs/4.5/components/buttons/#checkbox-and-radio-buttons.