Fix the console pin styles

Make it not dependent on the styles order

Bug: 450581744
Change-Id: Ia639f39b567426b4772001d15fcf1dde2afef769
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7076431
Auto-Submit: Danil Somsikov <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Benedikt Meurer <[email protected]>

Author: danilsomsikov

front_end/panels/console/ConsoleView.ts

@@ -505,6 +505,7 @@ export class ConsoleView extends UI.Widget.VBox implements
 
     this.pinPane = new ConsolePinPane(liveExpressionButton, () => this.prompt.focus());
     this.pinPane.element.classList.add('console-view-pinpane');
+    this.pinPane.element.classList.remove('flex-auto');
     this.pinPane.show(this.contentsElement);
 
     this.viewport = new ConsoleViewport(this);

front_end/panels/console/consoleView.css

@@ -527,7 +527,6 @@
 }
 
 .console-view-pinpane {
-  flex: none;
   max-height: 50%;
 }