From ce36a8cf0283dd79286feff1e2f1cb3ff1e8452a Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Fri, 11 Oct 2024 14:57:03 +0200
Subject: [PATCH] guides: improve styles for filter options on guides landing
 page

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 layouts/guides/landing.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/guides/landing.html b/layouts/guides/landing.html
index 43e62fc69c..7cd3ba5f9d 100644
--- a/layouts/guides/landing.html
+++ b/layouts/guides/landing.html
@@ -154,16 +154,16 @@
 
 {{- define "guide-metadata" }}
 <div class="flex items-center text-sm justify-between text-gray-light dark:text-gray-dark">
-  <div class="flex gap-2">
+  <div class="flex flex-wrap gap-2">
     {{- $taxoterms := .GetTerms "languages" }}
     {{- $taxoterms = $taxoterms | append (.GetTerms "levels") }}
     {{- $taxoterms = $taxoterms | append (.GetTerms "subjects") }}
     {{- range $taxoterms }}
-    <span>{{- .Page.LinkTitle }}</span>
+    <span class="rounded bg-gray-light-200 dark:bg-gray-dark-300 px-2">{{- .Page.LinkTitle }}</span>
     {{- end }}
   </div>
   {{- with .Params.time }}
-    <div class="flex gap-2">
+    <div class="flex whitespace-nowrap gap-2">
       <span class="icon-svg">{{ partialCached "icon" "schedule" "schedule" }}</span>
       <span>{{ . }}</span>
     </div>