fix: polish tags tab header spacing (#451)

drankou · web-flow · commit eec42cd66104 · 2026-06-23T16:44:22.000+02:00
| Before | After | | ------- | ------- | | <img width="1832" height="672" alt="CleanShot 2026-06-23 at 16 42 00@2x" src="https://github.com/user-attachments/assets/1b47e5dc-7021-4a44-a4ce-f2e07722d084" /> | <img width="1828" height="516" alt="CleanShot 2026-06-23 at 16 41 53@2x" src="https://github.com/user-attachments/assets/7874a11c-f6a5-4412-8d47-7b3a041c2f4a" /> |
diff --git a/src/features/dashboard/templates/tags/header.tsx b/src/features/dashboard/templates/tags/header.tsx
@@ -45,7 +45,7 @@ export default function TagsHeader({
   )
 
   return (
-    <div className="flex flex-col gap-3">
+    <div className="flex flex-col gap-6">
       <div className="flex items-center gap-2 justify-between">
         <div className="w-full max-w-70">
           <label
@@ -97,7 +97,7 @@ export default function TagsHeader({
             rel="noopener"
             className="underline-offset-2 underline hover:text-fg transition-colors"
           >
-            Read more
+            Read&nbsp;more
           </a>
           .
         </p>

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ export default function TagsHeader({`
`45`	`45`	`)`
`46`	`46`
`47`	`47`	`return (`
`48`		`- <div className="flex flex-col gap-3">`
	`48`	`+ <div className="flex flex-col gap-6">`
`49`	`49`	`<div className="flex items-center gap-2 justify-between">`
`50`	`50`	`<div className="w-full max-w-70">`
`51`	`51`	`<label`
`@@ -97,7 +97,7 @@ export default function TagsHeader({`
`97`	`97`	`rel="noopener"`
`98`	`98`	`className="underline-offset-2 underline hover:text-fg transition-colors"`
`99`	`99`	`>`
`100`		`- Read more`
	`100`	`+ Read more`
`101`	`101`	`</a>`
`102`	`102`	`.`
`103`	`103`	`</p>`