Make env selector fit in.

lynxkite-app/web/src/index.css

@@ -235,6 +235,11 @@ body {
       margin: 10px;
     }
   }
+
+  .env-select {
+    background: transparent;
+    color: #39bcf3;
+  }
 }
 
 .directory {

lynxkite-app/web/src/workspace/EnvironmentSelector.tsx

@@ -6,7 +6,7 @@ export default function EnvironmentSelector(props: {
   return (
     <>
       <select
-        className="select w-full max-w-xs"
+        className="env-select select w-full max-w-xs"
         name="workspace-env"
         value={props.value}
         onChange={(evt) => props.onChange(evt.currentTarget.value)}

lynxkite-app/web/src/workspace/Workspace.tsx

@@ -26,11 +26,11 @@ import { useParams } from "react-router";
 import useSWR, { type Fetcher } from "swr";
 import { WebsocketProvider } from "y-websocket";
 // @ts-ignore
-import ArrowBack from "~icons/tabler/arrow-back.jsx";
-// @ts-ignore
 import Atom from "~icons/tabler/atom.jsx";
 // @ts-ignore
 import Backspace from "~icons/tabler/backspace.jsx";
+// @ts-ignore
+import Close from "~icons/tabler/x.jsx";
 import type { Workspace, WorkspaceNode } from "../apiTypes.ts";
 import favicon from "../assets/favicon.ico";
 // import NodeWithTableView from './NodeWithTableView';
@@ -303,7 +303,7 @@ function LynxKiteFlow() {
             <Backspace />
           </a>
           <a href={`/dir/${parentDir}`}>
-            <ArrowBack />
+            <Close />
           </a>
         </div>
       </div>