Small release fixes

Author: sebastiankrll

apps/web/components/Panels/Dashboard/DashboardPanel.css

@@ -3,7 +3,7 @@
 	flex-flow: column;
 }
 
-#panel-dashboard-stats {
+#panel-dashboard-connections {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	grid-template-rows: repeat(2, 1fr);
@@ -69,6 +69,7 @@
 
 #panel-dashboard-events {
 	min-height: 0;
+	flex-shrink: 1;
 }
 
 .dashboard-event-item {

apps/web/components/Panels/Dashboard/DashboardPanel.tsx

@@ -74,7 +74,7 @@ export default function DashboardPanel() {
 					<DashboardHistory history={data.history} />
 				</div>
 			</div>
-			<div className="panel-container dashboard">
+			<div className="panel-container dashboard" id="panel-dashboard-stats">
 				<button
 					className={`panel-container-header${openSection.includes("stats") ? " open" : ""}`}
 					type="button"

apps/web/components/Panels/Dashboard/DashboardStats.tsx

@@ -10,7 +10,7 @@ export function DashboardStats({ stats }: { stats: Stats }) {
 	return (
 		<div className="panel-section-content">
 			<div className="panel-data-separator">Connections</div>
-			<div className="panel-sub-container" id="panel-dashboard-stats">
+			<div className="panel-sub-container" id="panel-dashboard-connections">
 				<div className="panel-data-item">
 					<p>Total</p>
 					<p>{stats.pilots + stats.controllers + stats.supervisors}</p>

apps/web/components/shared/Select/Select.tsx

@@ -25,12 +25,16 @@ const containerStyles = (provided: CSSObjectWithLabel): CSSObjectWithLabel => ({
 	minHeight: "32px",
 	flexGrow: 1,
 	boxSizing: "border-box",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
 });
 
 const controlStyles = (provided: CSSObjectWithLabel): CSSObjectWithLabel => ({
 	...provided,
 	minHeight: "100%",
 	padding: "4px",
+	width: "100%",
 });
 
 const menuStyles = (provided: CSSObjectWithLabel): CSSObjectWithLabel => ({