Fixed bio and profile nav overflow, scene page channel name when no logo.

components/actors/bio.vue

@@ -297,8 +297,8 @@
 			<li class="bio-item updated">
 				<span
 					class="ellipsis"
-					:title="`#${actor.id} Updated ${formatDate(actor.updatedAt, 'yyyy-MM-dd hh:mm')}`"
-				>#{{ actor.id }} Updated {{ formatDate(actor.updatedAt, 'yyyy-MM-dd') }}</span>
+					:title="formatDate(actor.updatedAt, 'yyyy-MM-dd hh:mm')"
+				>{{ formatDate(actor.updatedAt, 'yyyy-MM-dd') }}</span>
 
 				<div class="actor-actions">
 					<a
@@ -514,7 +514,6 @@ const descriptions = Object.values(Object.fromEntries(props.actor.profiles
 }
 
 .bio-item {
-    width: calc(50% - 4rem);
     display: flex;
     justify-content: space-between;
     box-sizing: border-box;
@@ -646,10 +645,17 @@ const descriptions = Object.values(Object.fromEntries(props.actor.profiles
 .updated {
     color: var(--highlight-weak-10);
     font-size: .8rem;
+	text-align: left;
+
+	.ellipsis {
+		width: 0;
+		flex-grow: 1;
+	}
 }
 
 .actor-actions {
 	display: flex;
+	flex-shrink: 0;
 	justify-content: flex-start;
 	gap: 1rem;
 	margin-right: .5rem;
@@ -778,6 +784,10 @@ const descriptions = Object.values(Object.fromEntries(props.actor.profiles
     .descriptions-container {
         display: none;
     }
+
+	.bio {
+		margin-right: 1rem;
+	}
 }
 
 @media(--compact) {
@@ -797,7 +807,7 @@ const descriptions = Object.values(Object.fromEntries(props.actor.profiles
     }
 }
 
-@media(--small-15) {
+@media(--small) {
     .profile {
         height: auto;
         max-height: none;