Improved actor editing units.

components/actors/tile.vue

@@ -66,7 +66,16 @@
 			</div>
 		</div>
 
-		<span class="name">{{ actor.name }}</span>
+		<span class="label">
+			<span class="name ellipsis">{{ actor.name }}</span>
+
+			<img
+				v-if="actor.entity"
+				v-tooltip="actor.entity.name"
+				:src="`/logos/${actor.entity.slug}/favicon_dark.png`"
+				class="favicon"
+			>
+		</span>
 	</div>
 </template>
 
@@ -119,9 +128,11 @@ const favorited = ref(props.actor.stashes.some((actorStash) => actorStash.id ===
 	}
 }
 
-.name {
+.label {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
 	flex-shrink: 0;
-	padding: .35rem .5rem;
 	font-weight: bold;
 	font-size: .9rem;
 	white-space: nowrap;
@@ -130,6 +141,15 @@ const favorited = ref(props.actor.stashes.some((actorStash) => actorStash.id ===
 	user-select: all;
 }
 
+.name {
+	padding: .35rem .25rem .35rem .5rem;
+}
+
+.favicon {
+	height: 1rem;
+	padding: .35rem .5rem .35rem .25rem;
+}
+
 .avatar-container {
 	position: relative;
 	flex-grow: 1;