fixup! Fix unread counter position for outbox

nextcloud · Jan 5, 2023 · b5a1c36 · b5a1c36
1 parent 629b07a
commit b5a1c36
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/NavigationOutbox.vue b/src/components/NavigationOutbox.vue
@@ -32,7 +32,9 @@
 				:size="20" />
 		</template>
 		<template #counter>
-			<CounterBubble v-if="count">
+			<CounterBubble
+				v-if="count"
+				class="navigation-outbox__unread-counter">
 				{{ count }}
 			</CounterBubble>
 		</template>
@@ -64,9 +66,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.counter-bubble-outbox {
-	margin-right: 20px;
+.navigation-outbox {
+	&__unread-counter {
+		margin-right: calc(var(--default-grid-baseline)*2);
+	}
 }
+
 .outbox-opacity-icon {
 	opacity: .7;
 	&:hover {