Changed sort filters to tabs.

assets/components/actors/actor.vue

@@ -3,8 +3,6 @@
 		v-if="actor"
 		class="content actor"
 	>
-		<FilterBar :fetch-releases="fetchActor" />
-
 		<div class="actor-header">
 			<h2 class="header-name">
 				<span v-if="actor.network">{{ actor.name }} ({{ actor.network.name }})</span>
@@ -290,6 +288,7 @@
 					:actor="actor"
 				/>
 
+				<FilterBar :fetch-releases="fetchActor" />
 				<Releases :releases="actor.releases" />
 			</div>
 		</div>
@@ -601,6 +600,7 @@ export default {
     display: flex;
     flex-grow: 1;
     flex-direction: column;
+	background: var(--background-soft);
 }
 
 .heading {
@@ -608,8 +608,12 @@ export default {
     margin: 0 0 1rem 0;
 }
 
-.photos.compact {
-    display: none;
+.photos {
+	background: var(--background-dim);
+}
+
+.releases {
+	border-top: solid 1px var(--crease);
 }
 
 .releases {