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

components/actors/bio.vue

@@ -270,7 +270,10 @@
 			</div>
 		</div>
 
-		<div class="expand-container">
+		<div
+			v-if="showExpand"
+			class="expand-container"
+		>
 			<button
 				type="button"
 				class="expand"
@@ -298,12 +301,30 @@ import { formatDate } from '#/utils/format.js';
 
 const expanded = ref(false);
 
-defineProps({
+const props = defineProps({
 	actor: {
 		type: Object,
 		default: null,
 	},
 });
+
+// if the profile is empty, the expand button overlaps the header
+const showExpand = [
+	'age',
+	'bust',
+	'cup',
+	'eyes',
+	'hairColor',
+	'hasPiercings',
+	'hasTattoos',
+	'height',
+	'hip',
+	'naturalBoobs',
+	'origin',
+	'residence',
+	'waist',
+	'weight',
+].some((attribute) => !!props.actor[attribute]);
 </script>
 
 <style>
@@ -564,6 +585,7 @@ defineProps({
 	display: none;
 	justify-content: center;
 	position: absolute;
+	z-index: 1;
 	bottom: -.75rem;
 }
 
@@ -616,8 +638,15 @@ defineProps({
 }
 
 @media(--compact) {
-    .profile .avatar-container {
-        display: none;
+	.profile {
+		.avatar-container {
+			display: none;
+		}
+
+        &.with-avatar {
+            height: auto;
+            max-height: 18rem;
+        }
     }
 
     .actor-content {