moving a LOT of stuff around in web ui

webui/src/components/InterInstancePanel/index.jsx

@@ -2,6 +2,7 @@
 // Purpose: Renders remote rover servers discovered through the inter-instance directory.
 // Scope: Owns external server metadata presentation while reusing RoverQueuesPanel for rover/queue rows.
 import { useMemo } from 'react';
+import './styles.css';
 import { useSessionSelector } from '../../context/SessionContext.jsx';
 import CardFrame from '../CardFrame/index.jsx';
 import RoverQueuesPanel from '../RoverQueuesPanel/index.jsx';

webui/src/components/InterInstancePanel/styles.css

@@ -0,0 +1,7 @@
+  .inter-instance-overlay-frame { max-width: calc(100vw - .5rem); }
+  .inter-instance-overlay-body { max-height: 82vh; }
+  @media (min-width: 1024px) {
+    .inter-instance-overlay-scale { zoom: 1.5; }
+    .inter-instance-overlay-frame { max-width: calc((100vw - .5rem) / 1.5); }
+    .inter-instance-overlay-body { max-height: 54.6667vh; }
+  }