Fix: Add spacing between Shared label and icon in AppMenuEntry.vue

divyanshsirohi · divyanshsirohi · commit 77c21c8d5e6f · 2025-07-04T21:51:25.000+05:30
diff --git a/core/src/components/AppMenuEntry.vue b/core/src/components/AppMenuEntry.vue
@@ -85,14 +85,15 @@ watch(() => props.app.name, calculateSize)
 		text-overflow: ellipsis;
 		overflow: hidden;
 		letter-spacing: -0.5px;
-		gap: 8px 
+		margin-left: 8px 
 	}
 	body[dir=rtl] &__label {
 		transform: translateX(50%) !important;
 	}
 
 	&__icon {
 		font-size: var(--app-menu-entry-font-size);
+		margin-right: 8px;
 	}
 
 	&--active {

Original file line number	Diff line number	Diff line change
`@@ -85,14 +85,15 @@ watch(() => props.app.name, calculateSize)`
`85`	`85`	`text-overflow: ellipsis;`
`86`	`86`	`overflow: hidden;`
`87`	`87`	`letter-spacing: -0.5px;`
`88`		`- gap: 8px`
	`88`	`+ margin-left: 8px`
`89`	`89`	`}`
`90`	`90`	`body[dir=rtl] &__label {`
`91`	`91`	`transform: translateX(50%) !important;`
`92`	`92`	`}`
`93`	`93`
`94`	`94`	`&__icon {`
`95`	`95`	`font-size: var(--app-menu-entry-font-size);`
	`96`	`+ margin-right: 8px;`
`96`	`97`	`}`
`97`	`98`
`98`	`99`	`&--active {`