diff --git a/apps/web/src/styles/pages/projects.css b/apps/web/src/styles/pages/projects.css index 7265852..de01b53 100644 --- a/apps/web/src/styles/pages/projects.css +++ b/apps/web/src/styles/pages/projects.css @@ -2,7 +2,6 @@ .project-info-row { display: flex; - justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; @@ -20,6 +19,26 @@ padding: var(--space-2); border-radius: var(--radius-md); flex: 1; + justify-content: flex-start; + min-width: 0; +} + +.project-toggle > div { + min-width: 0; + flex: 1; +} + +.project-toggle h3 { + margin: 0; + font-size: var(--font-size-lg); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.project-actions { + margin-left: auto; + flex-shrink: 0; } .project-toggle:hover { @@ -53,11 +72,15 @@ .project-repos-header { display: flex; - align-items: flex-start; - justify-content: space-between; + align-items: center; + justify-content: flex-start; gap: var(--space-3); } +.project-repos-header .btn { + margin-left: var(--space-2); +} + .project-repos-header .config-section-title { margin-bottom: 0; }