Web settings design update & standardization

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
• fix dividing lines width
• Equalize width of the content and wrap accordingly
• Remove custom styles of headings
• 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

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