Slight page refactoring, text pages, tooltips

views/routes/components/_alphabet.gohtml

@@ -43,14 +43,17 @@
 					{{ if $model.search }}disabled="true"{{ end }} />
 			</div>
 			<div id="permalink" class="font-serif ml-3 min-w-7 pb-1">
-				<a
-					:href="'/reihen/?search=' + search"
-					x-show="search"
-					class="inline-block px-1
+				<tool-tip position="right" x-show="search">
+					<a
+						:href="'/reihen/?search=' + search"
+						x-show="search"
+						class="inline-block px-1
 				text-white no-underline bg-stone-700 hover:bg-stone-900 rounded"
-					hx-boost="false">
-					<i class="ri-links-line"></i
-				></a>
+						hx-boost="false">
+						<i class="ri-links-line"></i
+					></a>
+					<div class="data-tip">Permalink zu dieser Suchanfrage</div>
+				</tool-tip>
 			</div>
 		</div>
 	</div>

views/routes/components/_reihe.gohtml

@@ -7,7 +7,7 @@
 {{ $bds := index $relations $r.Id }}
 
 
-<div class="flex flex-row mb-1.5">
+<div class="flex flex-col lg:flex-row mb-1.5">
 	<div class="grow-0 shrink-0 w-[12rem] flex flex-col">
 		{{ if $r.References }}
 			<div class="text-sm font-sans px-2 py-1 bg-stone-100 {{ if $markar }}reihen-text{{ end }}">
@@ -32,7 +32,7 @@
 			</a>
 		</div>
 	</div>
-	<div class="grow-0 ml-8 -indent-3">
+	<div class="grow-0 lg:px-0 ml-3 lg:ml-8 -indent-3">
 		<div class="contents">
 			<span class="font-bold reihen-text">{{ $r.Title }}</span>
 			{{ if $r.Annotation }}

views/routes/components/_reihenfilter.gohtml

@@ -1,7 +1,7 @@
 {{ $model := . }}
 <div
-	class="min-w-[32rem] max-w-[32rem] float-right ml-6 flex flex-col gap-y-8 [&>*]:pb-12
-	[&>*]:px-12 [&>*]:pt-8 -mr-36 [&>*]:bg-slate-100">
+	class="hidden lg:flex min-w-[32rem] max-w-[32rem] float-right ml-6 flex-col gap-y-8 [&>*]:pb-12
+	[&>*]:px-12 [&>*]:pt-8 [&>*]:bg-slate-100">
 	{{ if .agents }}
 		<div class="">
 			<h2 class="mb-6">Herausgeber:innen, Verlage &amp; Druckereien</h2>
@@ -22,7 +22,7 @@
 			agentList.setLinkTextFunc((item) => {
 				return `
 						<span class="filter-list-searchable">${item.name}</span>
-						<span class="text-xs text-stone-500 whitespace-nowrap">
+						<span class="text-xs text-stone-500 whitespace-nowrap font-sans">
 							${item.corporate_body ? "Verlag/Druck/Vertrieb" : item.biographical_data}
 						</span>
 						`;