search improvements, fix postition of tags in the search box and adjust the title so more subtitle fits in the box.

Erik2609 · Erik2609 · commit 074e7330b069 · 2025-08-22T13:24:38.000+02:00
diff --git a/layouts/index.html b/layouts/index.html
@@ -76,7 +76,11 @@
     }
 
     .search-result-title {
-      margin-top: 40px;
+      margin-top: 25px;
+    }
+
+    .search-result-subtitle {
+      text-overflow: ellipsis;
     }
 
     .search-tags-desktop {
@@ -85,7 +89,7 @@
       }
 
       @media (min-width: 992px) {
-        bottom: 13px;
+        bottom: 20px;
       }
     }
 
@@ -250,7 +254,7 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>
                   <div class="col-12 col-lg-10">
                     <h3 class="color-blue search-result-title">${item._highlightResult.title.value}</h3>
                     <p class="color-gray search-result-subtitle">${item._highlightResult.subtitle.value}</p>
-                    <div class="pt-3 search-tags-desktop">
+                    <div class="position-absolute search-tags-desktop">
                       ${tagToHtml(item.tag)}
                     </div>
                   </div>

Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,11 @@`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`.search-result-title {`
`79`		`- margin-top: 40px;`
	`79`	`+ margin-top: 25px;`
	`80`	`+ }`
	`81`	`+`
	`82`	`+ .search-result-subtitle {`
	`83`	`+ text-overflow: ellipsis;`
`80`	`84`	`}`
`81`	`85`
`82`	`86`	`.search-tags-desktop {`
`@@ -85,7 +89,7 @@`
`85`	`89`	`}`
`86`	`90`
`87`	`91`	`@media (min-width: 992px) {`
`88`		`- bottom: 13px;`
	`92`	`+ bottom: 20px;`
`89`	`93`	`}`
`90`	`94`	`}`
`91`	`95`
`@@ -250,7 +254,7 @@ <h2 class="pt-5 color-blue">{{i18n "search" }}</h2>`
`250`	`254`	`<div class="col-12 col-lg-10">`
`251`	`255`	`<h3 class="color-blue search-result-title">${item._highlightResult.title.value}</h3>`
`252`	`256`	`<p class="color-gray search-result-subtitle">${item._highlightResult.subtitle.value}</p>`
`253`		`- <div class="pt-3 search-tags-desktop">`
	`257`	`+ <div class="position-absolute search-tags-desktop">`
`254`	`258`	`${tagToHtml(item.tag)}`
`255`	`259`	`</div>`
`256`	`260`	`</div>`