[gui] properties and layout should be little provided for part of GUI controls

[dawciobiel]

Is your feature request related to a problem? Please describe. After pressing the "Add list" window appears to edit the added new list. This window is not responsive, i.e. after changing the size of the window with the mouse, the controls that are on it do not change their width. In addition, some of them ("text label") behave incorrectly when it comes to their location. This label consists of two lines of text. The second line of text is centered to the left edge of the window - which is not correct. The "List name" control does not change its width at all - which makes it difficult to name the list you are adding. [ ...]

Describe the solution you'd like 1) "Todo.txt folder drop-down list button" should little square button - not rectangle. That square should not change its weight while resizing the window. 2) Text field "List name" should be responsible and change its weight while resizing the window. 3) Label "The information will be stored in the Todo.txt files" should be justified to the right side. 4) Label "Todo.txt" with all the controls below should be on a separate panel or inside the frame - as a group. Label "Timer" with all the controls below should be on a separate panel or inside the frame - as a group.

Describe alternatives you've considered The entire layout of this window could be changed from the layout: Label #1 | control #2

on layout:

Label #1
Control  #1
--------------
Label #2
Control  #2
--------------
Label #3
Control  #3

In this way, you could save a lot of work on adjusting the responsiveness of this window.

[JMoerman]

Dialogs look a bit different now (not yet in master), especially this particular dialog. Before:

After:

Things still look a bit silly when stretched, though usability doesn't really suffer. I may disable resizing the dialogs.

[JMoerman]

The reason for using the current layout is that I try to keep the UI of this application consistent with other elementary OS and Gnome apps. In my experience, Putting control widgets below the labels is fairly rare with these apps. elementary OS dialogs tend to align all labels. I do now stray a bit from that rule, now I only align labels in each section:

While having a layout like: has an advantage for situations where the horizontal screen resolution is low, it currently wouldn't help even in those situations as the settings dialog needs its width for the page switcher (the "tabs").