Web settings design update & standardization

[marcoambrosini]

General PRs:

• https://github.com/nextcloud/server/pull/44960
• https://github.com/nextcloud-libraries/nextcloud-vue/pull/5514

General

• [ ] add 40vh margin at the bottom of the page so that the content can be scrolled to the middle

• [x] fix dividing lines width

• [x] Equalize width of the content and wrap accordingly

• [x] Remove custom styles of headings

• [x] Standardize whitespace between sections

• Security:

  • [ ] Move app password creation form to the top
  • [ ] Add a description

• Notifications:

  • [ ] Align checkboxes with heading
  • [ ] Some whitespace between select and text
  • [ ] Not written in Vue so the select component is native

• Sharing:

  • [ ] Federated cloud has different font-size heading
  • [ ] Add your website button is wider than the others
  • [ ] Transfer ownership too big
  • [ ] Move transfer ownership into a dialog
  • [ ] Maybe combine files and sharing sections

• Appearance and accessibility:

  • [ ] Theme selector: come up with a layout that fits in the width limit
  • [ ] Background: Align left and see if the width can be maximised till the end of the columnn
  • [ ] Navigation bar settings: Add drag icon to the left of the items

• Flows

  • [ ] Remove the line

Admin settings

• Basic settings

  • [ ] Email form: left align everything and create new line for headings
  • [ ] Background jobs heading has custom styles

• Groupware

  • [ ] Provisioning configurations: buttons side by side
  • [ ] Add configuration: if possible move to modal
  • [ ] Anti spam settings: only 1 heading and 1 explanatory paragraph, remove indentation
  • [ ] Too little whitespace between sections
  • [ ] Too little whitespace between paragraph and forms

• Administration privileges

  • [ ] Select components too long? Try with half the width and see

• Activity

  • [x] Checkbox alignment with heading + select padding https://github.com/nextcloud/activity/pull/1660
  • [ ] Test Logreader

[skjnldsv]

Labels please :pray: