layout improvement

pages/hierarchy.vue

@@ -134,7 +134,7 @@ useHead({
 <template>
 	<MainContent class="relative mx-auto grid w-full grid-flow-row grid-rows-[auto_1fr]">
 		<div class="container mx-auto flex flex-wrap justify-between">
-			<div class="flex flex-wrap">
+			<div class="flex flex-wrap justify-end md:justify-normal">
 				<Autocomplete v-model="comQuery" />
 				<GenericListbox v-model="show" class="m-2 w-full min-w-56 md:w-auto" :items="showItems" />
 				<GenericListbox
@@ -149,7 +149,7 @@ useHead({
 				<NuxtLink
 					v-if="comQuery && ['Person', 'Institution'].includes(comQuery.group)"
 					:href="localePath(`/detail/${comQuery.group.toLowerCase()}s/${comQuery.pk}`)"
-					class="self-end"
+					class="mr-4 md:m-0"
 				>
 					<button
 						class="m-2 flex min-h-11 w-full items-center gap-1 rounded border bg-white px-2 shadow-md transition hover:bg-slate-200 active:bg-slate-300"