From 955e975ace6b6c81236418bb5823dcf3a2cbb8ec Mon Sep 17 00:00:00 2001
From: Thomas Hackner <thomas@hackner.dev>
Date: Fri, 3 Jul 2026 22:29:55 +0200
Subject: [PATCH] Show job offer kontakt_email prominently on the card

Move the mailto: link up next to firma/stelle/ort as a labeled
"Kontakt:" line so the contact email is directly visible on each job
offer, instead of a small link below the description.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 views/jobangebote.ejs | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/views/jobangebote.ejs b/views/jobangebote.ejs
index 169ce5a..7932eb1 100644
--- a/views/jobangebote.ejs
+++ b/views/jobangebote.ejs
@@ -58,6 +58,16 @@
                                             <% if (j.gehalt) { %><%= j.gehalt %><% } %>
                                         </p>
                                     <% } %>
+                                    <% if (j.kontakt_email) { %>
+                                        <p class="text-sm mt-1 flex items-center gap-1.5 min-w-0">
+                                            <span class="text-gray-500 dark:text-gray-400 shrink-0">Kontakt:</span>
+                                            <a href="mailto:<%= j.kontakt_email %>"
+                                               class="inline-flex items-center gap-1 text-blue-600 dark:text-blue-400 hover:underline break-all">
+                                                <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
+                                                <%= j.kontakt_email %>
+                                            </a>
+                                        </p>
+                                    <% } %>
                                     <% if (j.beschreibung) { %>
                                         <p class="joboffer-desc whitespace-pre-wrap break-words text-sm leading-relaxed text-gray-700 dark:text-gray-300 mt-2 max-h-32 overflow-hidden"><%= j.beschreibung %></p>
                                         <% if (j.beschreibung.length > 400) { %>
@@ -71,13 +81,6 @@
                                             <span class="truncate"><%= j.quelle_url %></span>
                                         </a>
                                     <% } %>
-                                    <% if (j.kontakt_email) { %>
-                                        <a href="mailto:<%= j.kontakt_email %>"
-                                           class="inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:underline mt-1">
-                                            <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
-                                            <%= j.kontakt_email %>
-                                        </a>
-                                    <% } %>
                                     <p class="text-xs text-gray-400 dark:text-gray-500 mt-2 flex flex-wrap gap-x-3 gap-y-1">
                                         <% if (j.anzeige_datum) { %>
                                             <span title="Datum der eigentlichen Stellenanzeige">