From 94fc39dd50a19d3c1668dc032b79b43c331d8981 Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Sun, 3 May 2026 02:14:48 +0200
Subject: [PATCH] ysdsd

---
 partials/landingpages/modules/index.php   |  4 --
 partials/landingpages/modules/install.php |  4 --
 public/assets/css/app.css                 | 66 +++++++++--------------
 3 files changed, 25 insertions(+), 49 deletions(-)

diff --git a/partials/landingpages/modules/index.php b/partials/landingpages/modules/index.php
index 1fbb0af..0ff3740 100644
--- a/partials/landingpages/modules/index.php
+++ b/partials/landingpages/modules/index.php
@@ -30,10 +30,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
   <p style="margin-top:.75rem;">
     <a class="nav-link" href="/modules/sql-import">Zentralen SQL-Import öffnen</a>
   </p>
-  <div class="module-admin-note">
-    <strong>Was bedeutet „Migrationen anwenden“?</strong>
-    <p>Damit werden neue Modulschritte aus <code>modules/&lt;name&gt;/migrations/</code> ausgeführt, meist für Datenbanktabellen, zusätzliche Spalten oder initiale Moduldaten. Bereits protokollierte Migrationen werden dabei nicht erneut ausgeführt.</p>
-  </div>
 
   <?php if ($error): ?>
     <div class="bg-red-900 border-l-4 border-red-500 text-red-100 p-4 mb-6" role="alert">
diff --git a/partials/landingpages/modules/install.php b/partials/landingpages/modules/install.php
index 57905f8..fa32493 100644
--- a/partials/landingpages/modules/install.php
+++ b/partials/landingpages/modules/install.php
@@ -38,10 +38,6 @@ foreach ($modules as $m) {
   <p style="margin-top:.75rem;">
     <a class="nav-link" href="/modules/sql-import">Zentralen SQL-Import öffnen</a>
   </p>
-  <div class="module-admin-note">
-    <strong>Migrationen</strong>
-    <p>Falls ein Modul neue Datenbankänderungen mitbringt, können sie hier einmalig angewendet werden, bevor das Modul genutzt oder aktualisiert wird.</p>
-  </div>
 
   <?php if ($error): ?>
     <div class="bg-red-900 border-l-4 border-red-500 text-red-100 p-4 mb-6" role="alert">
diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index 525c8c2..de01fef 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -637,25 +637,6 @@ body.has-modal-open {
   gap: 14px;
 }
 
-.module-admin-note {
-  margin-top: 1rem;
-  padding: 14px 16px;
-  border: 1px solid var(--line);
-  border-radius: 16px;
-  background: color-mix(in srgb, var(--surface) 94%, transparent);
-}
-
-.module-admin-note strong {
-  display: block;
-  margin: 0;
-}
-
-.module-admin-note p {
-  margin: 0.45rem 0 0;
-  color: var(--muted);
-  line-height: 1.5;
-}
-
 .module-admin-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
@@ -705,49 +686,52 @@ body.has-modal-open {
 .module-admin-meta__item {
   display: grid;
   gap: 8px;
-  padding: 12px 14px;
-  border: 1px solid var(--line);
-  border-radius: 16px;
-  background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
+  min-width: 0;
+  padding: 11px 12px;
+  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
 }
 
 .module-admin-meta__label {
   color: var(--muted);
-  font-size: 0.74rem;
+  font-size: 0.72rem;
   font-weight: 700;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
 
 .module-admin-badge {
-  display: inline-flex;
-  align-items: center;
-  width: fit-content;
-  min-height: 28px;
-  padding: 4px 10px;
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  background: color-mix(in srgb, var(--surface) 92%, transparent);
+  display: inline-block;
+  width: 100%;
+  max-width: 100%;
+  padding: 5px 8px;
+  border: 1px solid color-mix(in srgb, var(--line) 60%, transparent);
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--surface) 90%, transparent);
   font-size: 0.82rem;
   font-weight: 800;
+  line-height: 1.25;
+  white-space: normal;
+  overflow-wrap: anywhere;
 }
 
 .module-admin-badge--success {
-  border-color: color-mix(in srgb, var(--accent-green) 60%, var(--line));
-  color: color-mix(in srgb, var(--accent-green) 78%, var(--text));
-  background: color-mix(in srgb, var(--accent-green) 12%, transparent);
+  border-color: color-mix(in srgb, var(--accent-green) 28%, var(--line));
+  color: color-mix(in srgb, var(--accent-green) 70%, var(--text));
+  background: color-mix(in srgb, var(--accent-green) 8%, transparent);
 }
 
 .module-admin-badge--warning {
-  border-color: color-mix(in srgb, var(--accent-orange) 72%, var(--line));
-  color: color-mix(in srgb, var(--accent-orange) 88%, var(--text));
-  background: color-mix(in srgb, var(--accent-orange) 12%, transparent);
+  border-color: color-mix(in srgb, var(--accent-orange) 34%, var(--line));
+  color: color-mix(in srgb, var(--accent-orange) 82%, var(--text));
+  background: color-mix(in srgb, var(--accent-orange) 8%, transparent);
 }
 
 .module-admin-badge--accent {
-  border-color: color-mix(in srgb, var(--brand-accent) 64%, var(--line));
-  color: color-mix(in srgb, var(--brand-accent) 86%, var(--text));
-  background: color-mix(in srgb, var(--brand-accent) 12%, transparent);
+  border-color: color-mix(in srgb, var(--brand-accent) 28%, var(--line));
+  color: color-mix(in srgb, var(--brand-accent) 76%, var(--text));
+  background: color-mix(in srgb, var(--brand-accent) 8%, transparent);
 }
 
 .module-admin-access,