Fixed model selection (#62)

kubaflo · web-flow · commit 3b1c497cd93f · 2026-02-11T21:17:48.000+01:00
diff --git a/PolyPilot/Components/Layout/CreateSessionForm.razor.css b/PolyPilot/Components/Layout/CreateSessionForm.razor.css
@@ -16,10 +16,7 @@
     font-size: var(--type-title3);
 }
 
-.model-select-wrapper {
-    min-width: 0;
-    max-width: 100%;
-}
+
 
 .new-session input::placeholder {
     color: var(--text-dim);
@@ -39,6 +36,7 @@
     cursor: pointer;
     font-size: var(--type-title3);
     font-weight: bold;
+    flex-shrink: 0;
 }
 
 .new-session button:hover:not(:disabled) {
@@ -56,8 +54,9 @@
     width: 100%;
 }
 
-.session-options-row .model-select-wrapper {
+.session-options-row ::deep .model-select-wrapper {
     flex: 1;
+    min-width: 0;
 }
 
 .dir-toggle-btn {
diff --git a/PolyPilot/Components/Layout/SessionSidebar.razor.css b/PolyPilot/Components/Layout/SessionSidebar.razor.css
@@ -116,8 +116,9 @@
     width: 100%;
 }
 
-.session-options-row .model-select {
+.session-options-row ::deep .model-select {
     flex: 1;
+    min-width: 0;
 }
 
 .dir-toggle-btn {
diff --git a/PolyPilot/Components/ModelSelector.razor.css b/PolyPilot/Components/ModelSelector.razor.css
@@ -19,6 +19,8 @@
     overflow: hidden;
     text-overflow: ellipsis;
     outline: none;
+    min-width: 0;
+    max-width: 100%;
 }
 
 .model-selector-display:hover {

Original file line number	Diff line number	Diff line change
`@@ -16,10 +16,7 @@`
`16`	`16`	`font-size: var(--type-title3);`
`17`	`17`	`}`
`18`	`18`
`19`		`-.model-select-wrapper {`
`20`		`- min-width: 0;`
`21`		`- max-width: 100%;`
`22`		`-}`
	`19`	`+`
`23`	`20`
`24`	`21`	`.new-session input::placeholder {`
`25`	`22`	`color: var(--text-dim);`
`@@ -39,6 +36,7 @@`
`39`	`36`	`cursor: pointer;`
`40`	`37`	`font-size: var(--type-title3);`
`41`	`38`	`font-weight: bold;`
	`39`	`+ flex-shrink: 0;`
`42`	`40`	`}`
`43`	`41`
`44`	`42`	`.new-session button:hover:not(:disabled) {`
`@@ -56,8 +54,9 @@`
`56`	`54`	`width: 100%;`
`57`	`55`	`}`
`58`	`56`
`59`		`-.session-options-row .model-select-wrapper {`
	`57`	`+.session-options-row ::deep .model-select-wrapper {`
`60`	`58`	`flex: 1;`
	`59`	`+ min-width: 0;`
`61`	`60`	`}`
`62`	`61`
`63`	`62`	`.dir-toggle-btn {`
Original file line number	Diff line number	Diff line change
`@@ -116,8 +116,9 @@`
`116`	`116`	`width: 100%;`
`117`	`117`	`}`
`118`	`118`
`119`		`-.session-options-row .model-select {`
	`119`	`+.session-options-row ::deep .model-select {`
`120`	`120`	`flex: 1;`
	`121`	`+ min-width: 0;`
`121`	`122`	`}`
`122`	`123`
`123`	`124`	`.dir-toggle-btn {`
Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,8 @@`
`19`	`19`	`overflow: hidden;`
`20`	`20`	`text-overflow: ellipsis;`
`21`	`21`	`outline: none;`
	`22`	`+ min-width: 0;`
	`23`	`+ max-width: 100%;`
`22`	`24`	`}`
`23`	`25`
`24`	`26`	`.model-selector-display:hover {`