From 966c73dda99e7856414d3c4c5f70534c547045e7 Mon Sep 17 00:00:00 2001 From: "Torsten Schulz (local)" Date: Mon, 30 Mar 2026 10:45:49 +0200 Subject: [PATCH] style(AppSectionBar): enhance layout and styling for improved visual presentation - Updated .app-section-bar__copy to use flexbox for better alignment and spacing. - Added gap and flex-wrap properties to improve layout responsiveness. - Adjusted styles in .app-section-bar__eyebrow for a more cohesive design. --- frontend/src/components/AppSectionBar.vue | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/AppSectionBar.vue b/frontend/src/components/AppSectionBar.vue index bb41efa..afe9b0d 100644 --- a/frontend/src/components/AppSectionBar.vue +++ b/frontend/src/components/AppSectionBar.vue @@ -166,12 +166,14 @@ export default { } .app-section-bar__copy { + display: flex; + align-items: center; + gap: 10px; min-width: 0; } .app-section-bar__eyebrow { display: inline-flex; - margin-bottom: 6px; padding: 4px 10px; border-radius: var(--radius-pill); background: var(--color-secondary-soft); @@ -200,6 +202,10 @@ export default { align-items: flex-start; } + .app-section-bar__copy { + flex-wrap: wrap; + } + .app-section-bar__back { width: 100%; }