improve tag dialog

src/css/screen.css

 :root {
 	--accent-color-hsl: 215deg 100% 30%;
+	--dialog-header-color-hsl: 215deg 100% 96%;
 	--link-text-color-hsl: 215deg 100% 40%;
 	--tag-border-color-hsl: 215deg 100% 30%;
 	--tag-background-color-hsl: 215deg 100% 30%;
@@ -401,6 +402,7 @@ dialog {
 	top: 10vh;
 	left: 50vw;
 	transform: translate(-50%);
+	padding-block-end: 1rem;
 }
 
 dialog::backdrop {
@@ -415,7 +417,6 @@ dialog[open] {
 	border: solid black 1px;
 	border-radius: 5px;
 	box-shadow: 0 0 10px black;
-	padding-block-end: 1rem;
 }
 
 dialog > * {
@@ -426,8 +427,10 @@ dialog > header {
 	display: grid;
 	grid-template-columns: 1fr min-content;
 	align-items: center;
-	background-color: hsl(var(--accent-color-hsl) / 5%);
+	background-color: hsl(var(--dialog-header-color-hsl) / 100%);
 	padding-block: 0.6rem;
+	position: sticky;
+	top: 0;
 }
 
 dialog > header h1 {
@@ -436,3 +439,7 @@ dialog > header h1 {
 	text-align: center;
 	margin-block: 0;
 }
+
+dialog > *:last-child {
+	padding-block-end: 1rem;
+}