refactor(styles): Make padding not a magic value

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

core/css/header.scss

@@ -32,6 +32,9 @@
 	}
 
 	.header-right {
+		// Add some spacing so the last entry looks ok
+		margin-inline-end: calc(3 * var(--default-grid-baseline));
+
 		a:not(.button):focus-visible::after, div[role=button]:focus-visible::after {
 			bottom: 4px;
 		}

core/src/views/UserMenu.vue

@@ -157,8 +157,6 @@ export default {
 
 <style lang="scss" scoped>
 .user-menu {
-	margin-right: 12px;
-
 	&:deep {
 		.header-menu {
 			&__trigger {