adjust add button

[szaimen]

Close#37207

Before	After

[szaimen]

/backport to stable27

[szaimen]

/compile amend /

[susnux]

Can we make the button look like a NcButton with primary styling? So increase the gap between icon and text and remove the border. As with a NcButton it looks like this:

[szaimen]

How many pixel should the gap be?

[susnux]

How many pixel should the gap be?

For vue buttons it seems there is no gap but the icon is 44px by 44px.
Maybe assign to .button.new .icon:

width:44px;
background-size:20px20px;

and to the button (.button.new):

padding:016px04px;

This should emulate the vue button styling.

[szaimen]

/compile amend /

[jancborchardt]

Looks very nice! :)

[backportbot-nextcloud]

The backport to stable27 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable27
git pull origin stable27
# Create the new backport branch
git checkout -b fix/foo-stable27
# Cherry pick the change from the commit sha1 of the change against the default branch# This might cause conflicts. Resolve them.
git cherry-pick abc123
# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-stable27

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

[szaimen]

/backport to stable27

[backportbot-nextcloud]

The backport to stable27 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable27
git pull origin stable27
# Create the new backport branch
git checkout -b fix/foo-stable27
# Cherry pick the change from the commit sha1 of the change against the default branch# This might cause conflicts. Resolve them.
git cherry-pick abc123
# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-stable27

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

[szaimen]

#39915