From 9e503d816581b1050d8fd4606a0aa04b8e1ee0ba Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sun, 5 Jul 2026 02:35:43 +0200
Subject: [PATCH] nicer text placement in pills

---
 web/src/components/events/eventItem.module.scss | 8 +++++++-
 web/src/css/base.scss                           | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss
index ec74cee..dab7f57 100644
--- a/web/src/components/events/eventItem.module.scss
+++ b/web/src/components/events/eventItem.module.scss
@@ -185,9 +185,15 @@
   font-size: var(--font-size-xs);
   font-family: var(--font-main);
   font-weight: 500;
+
+  @supports (text-box-trim: trim-both) {
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
+    padding-block: 0.25em;
+  }
 }
 
 .moreDates {
   color: var(--color-goldenBeige);
   background: var(--color-deepBrick);
-}
\ No newline at end of file
+}
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index caac937..8fba96f 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -348,6 +348,12 @@ select {
   font-size: var(--font-size-caption);
   font-weight: 500;
   text-decoration: none;
+
+  @supports (text-box-trim: trim-both) {
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
+    padding-block: 0.4em;
+  }
 }
 
 .blockContent {