minor design stuff, style front page info block and add more circle headings

2024-06-10 11:13:59 +02:00
parent f7debf565d
commit 2dab1937d2
10 changed files with 91 additions and 37 deletions
--- a/web/src/components/events/EventItem.tsx
+++ b/web/src/components/events/EventItem.tsx
@ -48,10 +48,12 @@ export const EventItem = ({
              nextOccurrence?.start &&
              formatDate(nextOccurrence.start, commonDateTimeFormat)}
            {numOccurrences > 1 && nextOccurrence?.start && (
-              <span>
-                <em>Neste:</em>{" "}
-                {formatDate(nextOccurrence.start, commonDateTimeFormat)}
-              </span>
+              <div>
+                <span>
+                  {formatDate(nextOccurrence.start, commonDateTimeFormat)}
+                </span>
+                <p>Flere datoer ({numOccurrences}) &rarr;</p>
+              </div>
            )}
          </p>
        )}