diff --git a/.commitmessage b/.commitmessage
index 8c73766..ab117b3 100644
--- a/.commitmessage
+++ b/.commitmessage
@@ -1,4 +1,3 @@
-fix: prevent mobile slot field overlap
+fix: compact mobile session header
-Stack weekday and date controls on narrow screens and constrain native select
-widths to their grid column.
+Reduce the mobile profile header to a compact identity row and concise actions.
diff --git a/src/components/DashboardView.js b/src/components/DashboardView.js
index c0b0dd3..2b97ff0 100644
--- a/src/components/DashboardView.js
+++ b/src/components/DashboardView.js
@@ -761,29 +761,29 @@ const DashboardView = ({
return (
Foodsharing Pickup Manager
-
+
-
-
Angemeldet
-
{session.profile.name}
+
+
Angemeldet
+
{session.profile.name}
-
+
onRefresh({ block: false })}
- className="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors"
+ className="dashboard-session__refresh bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors"
>
Betriebe aktualisieren
Logout
div {
+ display: grid;
+ gap: 0.65rem;
+ }
+
+ .dashboard-session__identity {
+ display: flex;
+ align-items: baseline;
+ gap: 0.4rem;
+ min-width: 0;
+ }
+
+ .dashboard-session__label,
+ .dashboard-session__name {
+ margin: 0;
+ }
+
+ .dashboard-session__label {
+ flex: 0 0 auto;
+ color: #64748b;
+ font-size: 0.75rem;
+ letter-spacing: 0;
+ text-transform: none;
+ }
+
+ .dashboard-session__name {
+ overflow: hidden;
+ color: #1f2937;
+ font-size: 0.95rem;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .dashboard-session__actions {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto auto;
+ gap: 0.45rem;
+ align-items: center;
+ }
+
+ .dashboard-session__refresh,
+ .dashboard-session__logout,
+ .dashboard-session__notifications {
+ box-sizing: border-box;
+ min-height: 2.35rem;
+ border-radius: 5px;
+ font-size: 0.8125rem;
+ }
+
+ .dashboard-session__refresh {
+ width: 100%;
+ border: 1px solid #2563eb;
+ background: #2563eb;
+ color: #fff;
+ }
+
+ .dashboard-session__logout {
+ width: auto;
+ border: 1px solid #cbd5e1;
+ padding: 0.45rem 0.65rem;
+ background: #fff;
+ color: #475569;
+ }
+
+ .dashboard-session__notifications {
+ width: 2.35rem;
+ height: 2.35rem;
+ padding: 0;
+ border: 1px solid #cbd5e1;
+ background: #fff;
+ color: #475569;
+ }
+
+ .dashboard-session__notifications svg {
+ width: 1rem;
+ height: 1rem;
+ }
+
.mobile-config-list {
display: block;
padding-bottom: 5.5rem;