fix(web/ui): align project heading left and keep add-repo button near title

2026-06-16 21:00:47 +00:00
parent 889c598129
commit 39bac24100
1 changed files with 26 additions and 3 deletions
@@ -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;
 }