Merge pull request #7841 from nextcloud/fix/settings-button-icon-alignment

SebastianKrupinski · web-flow · commit f864a61b6b2f · 2026-01-10T09:12:21.000-05:00
[stable5.5] fix: settings button icon alignment
diff --git a/src/components/AppNavigation/Settings.vue b/src/components/AppNavigation/Settings.vue
@@ -502,9 +502,13 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .settings-fieldset-interior-item,
 :deep(.v-select.select) {
 	width: 100%;
 }
+
+:deep(.settings-button__icon > svg) {
+	margin: 7px 5px 7px 9px;
+}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -502,9 +502,13 @@ export default {`
`502`	`502`	`}`
`503`	`503`	`</script>`
`504`	`504`
`505`		`-<style scoped>`
	`505`	`+<style lang="scss" scoped>`
`506`	`506`	`.settings-fieldset-interior-item,`
`507`	`507`	`:deep(.v-select.select) {`
`508`	`508`	`width: 100%;`
`509`	`509`	`}`
	`510`	`+`
	`511`	`+:deep(.settings-button__icon > svg) {`
	`512`	`+ margin: 7px 5px 7px 9px;`
	`513`	`+}`
`510`	`514`	`</style>`