Skip to content

Improve icon spacing and input field consistency in room share dialog #3145

@Sabr1n4W

Description

@Sabr1n4W

Describe the bug
Currently the icons in the share dialog of the room seem to be missing some spacing when dark mode is enabled.
In light mode this is less noticeable because the background color of the inputs is the same as the background color of the dialog.
In dark mode however the input field has a different background color, which makes the missing spacing more visible.

Additional to this the buttons and icons inside the dialog are slightly bigger than the corresponding input fields because the input fields do not have any visible border.

Expected behavior

  • Add more spacing around the icons
  • Ensure that the icon buttons and the corresponding input fields have the same height
  • Add a visible border around the input fields to improve the consistency between light and dark mode. This would also make the input fields more clearly visible in light mode

Screenshots

  • Light Mode
Image
  • Dark mode
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    UIUser Interface

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions