Further improved actor bio responsiveness. Fixed header search bar spacing. Fixed stash page footer.

pages/actors/@actorId/+Page.vue

@@ -35,7 +35,10 @@
 		<div class="content">
 			<Bio :actor="actor" />
 
-			<div class="photos nobar">
+			<div
+				class="photos nobar"
+				:class="{ 'has-avatar': actor.avatar, 'has-photos': actor.avatar ? photos.length > 1 : photos.length > 0 }"
+			>
 				<img
 					v-for="photo in photos"
 					:key="`photo-${photo.id}`"
@@ -93,7 +96,7 @@ const photos = [
     align-items: center;
 	position: sticky;
 	top: 0;
-	z-index: 1;
+	z-index: 2;
     color: var(--highlight-strong-30);
     background: var(--grey-dark-40);
 }
@@ -130,6 +133,10 @@ const photos = [
 	border-bottom: solid 1px var(--shadow-weak-40);
 	background: var(--background-base-10);
 	overflow-x: auto;
+
+	&:not(.has-photos) {
+		display: none;
+	}
 }
 
 .photo {
@@ -147,6 +154,10 @@ const photos = [
 }
 
 @media(--compact) {
+	.photos.has-avatar {
+		display: flex;
+	}
+
 	.photo.avatar {
 		display: inline-block;
 	}