Enhance mobile responsiveness for edit group

[ChrisTouo]

• move the text in the overview
• Align buttons in LDialog
• Remove Copy ID button and the icon and Edit in the title
• Add a close button at the top right of the dialog
• Add the unsaved changes badge on the display cards in the overview
• Remove the small bars on the edges in the displayCard in the dialog
• Add arrows if there is more content scrollable
• Make the content fit for the modal with a min heigth
• Remove the exclammation mark on the texts and the Icon on the add / remove button
• Move the Discard changes button and the Unsaved changes button at the top of the dialog
• Move the Duplicate button at the bottom left of the modal
• Remove the white background in the dialog
• Improve Discard changes ( to revert + icon) and Duplicate ( add text ) buttons
• Remove the Cancel button, not needed anymore
• Add access should be a plus button
• Display the group Editor name in the modal
• Display the disclosure button on the same line with the title
• Modify the text in the overview
• Move the plus button
• Add the root guard
• Automatic scroll

[ChrisTouo]

• Buttons too dark
• Modify the position of the title
• Make the same view on desktop mode
• Check the paddings on buttons in the table
• Put edit/remove button instead of edit

[MrDirkelz]

This looks good!

Check if you can use LDropdown for AddGroupAclButton?

The ui looks nice and compact and easy to understand!

Great work!

(Just check the failing test)
Also check that all shared components did not have any side-effects on any other components? Seems the tests are failing for other components for where you made the changes.

Remember to rebase as well

[MrDirkelz]

• Add helper text "Super Admins have this access to public users:" on group access modal
• When clicking plus icon there implement expanded combobox
• Bleed modals to the edges
• Ensure user has assign access to be able to add group assign access
• The margins of the headings must be consistent with other margins

[MrDirkelz]

Squashy modal

Test failing.

But past that looks nice!

[MrDirkelz]

Just some comments before merging.

Remove bottom margin on duplicate button in EditGroup.vue. Also do a quick check if you can make the addgroupaclbutton's combobox input a tiny bit more compact or smaller. Don't spend too much time on this, it can always be refined in a new ticket.

Good work.

[MrDirkelz]

Remove unused prop