Small UX touches

app/src/modules/activity/components/navigation.vue

@@ -49,7 +49,7 @@
 
 		<v-list-item to="/activity?action=comment" exact>
 			<v-list-item-icon>
-				<v-icon name="notes" />
+				<v-icon name="chat_bubble_outline" />
 			</v-list-item-icon>
 			<v-list-item-content>
 				{{ $t('comment') }}

app/src/modules/files/components/navigation.vue

@@ -34,7 +34,7 @@
 		</v-list-item>
 
 		<v-list-item to="/files/mine" exact>
-			<v-list-item-icon><v-icon name="face" /></v-list-item-icon>
+			<v-list-item-icon><v-icon name="folder_shared" /></v-list-item-icon>
 			<v-list-item-content>{{ $t('my_files') }}</v-list-item-content>
 		</v-list-item>
 

app/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue

@@ -191,11 +191,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.sidebar-detail {
-	--v-badge-color: var(--background-normal);
-	--v-badge-background-color: var(--foreground-normal);
-}
-
 .v-progress-linear {
 	margin: 24px 0;
 }

app/src/views/private/components/sidebar-detail/sidebar-detail.vue

@@ -72,6 +72,8 @@ body {
 	--v-badge-offset-x: 2px;
 	--v-badge-offset-y: 4px;
 	--v-badge-border-color: var(--background-normal-alt);
+	--v-badge-background-color: var(--foreground-normal);
+	--v-badge-color: var(--background-normal);
 
 	display: contents;
 

docs/nav-app.yaml

@@ -1,5 +1,5 @@
 - name: Getting Started
-  icon: play_arrow
+  icon: play_circle_outline
   to: "/getting-started"
   children:
   - name: Introduction