diff --git a/packages/frontend/src/profile/ExpertProfileTab.module.css b/packages/frontend/src/profile/ExpertProfileTab.module.css index cb40999..2975656 100644 --- a/packages/frontend/src/profile/ExpertProfileTab.module.css +++ b/packages/frontend/src/profile/ExpertProfileTab.module.css @@ -49,44 +49,42 @@ .section { background: var(--color-bg-card); border-radius: var(--radius-md); - padding: 1.5rem; + padding: 1rem 1.125rem; box-shadow: var(--shadow-sm); border: 1px solid var(--color-border); } .sectionHeader { display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 1rem; - padding-bottom: 0.75rem; + flex-direction: column; + gap: 0.5rem; + margin-bottom: 0.875rem; + padding-bottom: 0.625rem; border-bottom: 1px solid var(--color-border); } .sectionTitle { - font-size: 1rem; + font-size: 0.9375rem; font-weight: 600; margin: 0; - white-space: nowrap; } -/* === Header Form (inline neben Titel) === */ +/* === Header Form (unterhalb des Titels) === */ .headerForm { display: flex; gap: 0.375rem; align-items: center; + flex-wrap: wrap; } .headerForm input, .headerForm select { - padding: 0.375rem 0.5rem; + padding: 0.3125rem 0.5rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); font-size: 0.8125rem; -} - -.headerForm input { - max-width: 160px; + min-width: 0; + flex: 1; } .headerForm input:focus, @@ -96,25 +94,6 @@ box-shadow: 0 0 0 2px var(--color-primary-light); } -@media (max-width: 640px) { - .sectionHeader { - flex-direction: column; - align-items: flex-start; - gap: 0.75rem; - } - - .headerForm { - flex-wrap: wrap; - width: 100%; - } - - .headerForm input { - max-width: none; - flex: 1; - min-width: 120px; - } -} - /* === Chips/Tags === */ .chipContainer { display: flex; @@ -159,23 +138,23 @@ .chipInput { display: flex; - gap: 0.5rem; + gap: 0.375rem; align-items: center; } .chipInput input { - padding: 0.5rem 0.75rem; + padding: 0.3125rem 0.5rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); - font-size: 0.875rem; + font-size: 0.8125rem; flex: 1; - max-width: 250px; + min-width: 0; } .chipInput input:focus { outline: none; border-color: var(--color-primary); - box-shadow: 0 0 0 3px var(--color-primary-light); + box-shadow: 0 0 0 2px var(--color-primary-light); } /* === Entry List === */