Correctly align the settings label

[raimund-schluessler]

After:

Before:

Closes #2138

[skjnldsv]

I would argue the opposite, should be fixed in files, no?
What is the AppNavigationItem using?

[raimund-schluessler]

This is not Files, this is Tasks and Calendar and literally every other app which uses AppNavigationItem. These 6 px here:
https://github.com/nextcloud/nextcloud-vue/blob/master/src/components/AppNavigationItem/AppNavigationItem.vue#L520
add to the 44 px icon width, which make it 50 px in total.

[raimund-schluessler]

This was added in this commit 5e7e395

[szaimen]

Maybe add a opacity: 1 !important; so that the opacity is the same like for the trashbin?

Also, it currently looks like this on c.nc.c

so not sure if this really needs fixing (or did you overwrite the stile already in the tasks app?

[raimund-schluessler]

Maybe add a opacity: 1 !important; so that the opacity is the same like for the trashbin?

This style is coming from server, I didn't want to mess with it, especially not in this tiny PR.

Also, it currently looks like this on c.nc.c

so not sure if this really needs fixing (or did you overwrite the stile already in the tasks app?

I overwrote this style in the Tasks app (see here https://github.com/nextcloud/tasks/blob/005cd27fda7ce5f53d65c469bb254458fe3abe0d/src/views/AppNavigation.vue#L456-L458) because this misalignment annoyed me 🙈 This PR here upstreams this fix. Checkout the Calendar or Contacts app, there it is off.

[raimund-schluessler]

Superseded by #2211.