good place in terms of the resizing and all

packages/desktop/src/pages/lineDetailsTerminal/index.tsx

@@ -9,7 +9,7 @@ export default function LineDetailsTerminal({
   return (
     <div
       id={`${selectedLine.lineId}-lineDetailsTerminal`}
-      className="flex flex-col flex-1 bg-gray-100"
+      className="flex flex-col bg-gray-100 w-[400px]"
     >
       {/* line overview header */}
       <div className="flex flex-row p-3 items-center gap-1">

packages/desktop/src/pages/overlay/index.tsx

@@ -31,11 +31,13 @@ export default function Overlay() {
   };
 
   return (
-    <div className="flex flex-col bg-transparent">
+    <div className="flex flex-col bg-transparent max-w-sm">
-      <img
+      {[...Array(maxNumActiveStreams)].map((_n) => (
-        className="w w-fit"
+        <img
-        src="https://miro.medium.com/max/1200/1*hONz6Wttkst4FUp_0hwQJQ.png"
+          className="w-fit"
-      />
+          src="https://miro.medium.com/max/1200/1*hONz6Wttkst4FUp_0hwQJQ.png"
+        />
+      ))}
 
       <button onClick={addActiveLine}>add column</button>
       <button onClick={addAnotherStream}>add row</button>

packages/desktop/src/pages/router/index.tsx

@@ -232,7 +232,7 @@ export default function NirvanaRouter() {
       console.log(
         "window blurring now, should be always on top and then ill tell main process to change dimensions"
       );
-      setDesktopMode("overlayOnly");
+      // setDesktopMode("overlayOnly");
     });
   }, [setDesktopMode]);
 
@@ -241,7 +241,7 @@ export default function NirvanaRouter() {
     // always have overlay so need to calculate that
     const overlayDimensions: Dimensions = {
       height: 50 + numberOfOverlayRows * 200,
-      width: 325 + numberOfOverlayColumns,
+      width: 350 * numberOfOverlayColumns,
     };
     const setAlwaysOnTop = desktopMode === "overlayOnly";
 
@@ -301,7 +301,7 @@ export default function NirvanaRouter() {
   );
 
   return (
-    <div className="flex flex-col h-screen w-screen">
+    <div className="flex flex-col">
       <NirvanaHeader onHeaderFocus={() => setDesktopMode("terminal")} />
 
       <div className="flex flex-row flex-1">

packages/desktop/src/pages/terminal/index.tsx

@@ -25,7 +25,7 @@ export default function NirvanaTerminal({
   );
 
   return (
-    <div className="flex flex-col flex-1 bg-white">
+    <div className="flex flex-col bg-white w-[400px]">
       {/* tuned in lines block */}
       <div className="bg-gray-100 flex flex-col">
         {/* tuned in header + general controls */}