scaling update

webui/src/display/ServerDisplayApp/components/DisplayChatFeed.jsx

@@ -4,7 +4,7 @@
 import ChatPanel from '../../../components/ChatPanel/index.jsx';
 
 export default function DisplayChatFeed() {
-  const displayChatScale = 2.35;
+  const displayChatScale = 3;
 
   return (
     <section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]">

webui/src/display/ServerDisplayApp/components/DisplayRoverCell.jsx

@@ -45,18 +45,18 @@ export default function DisplayRoverCell({ rover, session }) {
               fallback={rover?.id}
               as={AutoFitText}
               className="leading-none"
-              maxSize={76}
-              minSize={20}
+              maxSize={108}
+              minSize={26}
             />
           </div>
           {locked ? (
             // Keep the lock warning adjacent to the rover identity so the cell
             // remains readable while still making the locked state impossible
             // to miss at a glance.
-            <div className="max-w-[36vw] border-4 border-red-100 bg-red-700 px-[0.9vw] py-[0.45vh] text-center text-[clamp(1.6rem,4.2vh,4.4rem)] font-black leading-none text-white">
+            <div className="max-w-[40vw] border-4 border-red-100 bg-red-700 px-[1vw] py-[0.55vh] text-center text-[clamp(2rem,5vh,5.2rem)] font-black leading-none text-white">
               <div>LOCKED</div>
               {rover?.lockReason ? (
-                <div className="mt-[0.3vh] text-[clamp(1rem,2.4vh,2.5rem)] leading-none text-red-50">
+                <div className="mt-[0.35vh] text-[clamp(1.2rem,2.9vh,3rem)] leading-none text-red-50">
                   {rover.lockReason}
                 </div>
               ) : null}
@@ -70,8 +70,8 @@ export default function DisplayRoverCell({ rover, session }) {
                 'font-black leading-none',
                 active ? 'text-white' : 'text-slate-400',
               )}
-              maxSize={128}
-              minSize={28}
+              maxSize={172}
+              minSize={38}
             >
               {driver?.label || 'Idle'}
             </AutoFitText>
@@ -82,15 +82,15 @@ export default function DisplayRoverCell({ rover, session }) {
                 'font-black leading-none',
                 urgent ? 'text-red-100' : warn ? 'text-amber-100' : 'text-slate-100',
               )}
-              maxSize={100}
-              minSize={24}
+              maxSize={136}
+              minSize={32}
             >
               {batteryText}
             </AutoFitText>
           </div>
         </div>
         {stateText ? (
-          <div className="min-w-0 text-[clamp(0.95rem,1.8vh,1.8rem)] font-black leading-none text-amber-100">
+          <div className="min-w-0 text-[clamp(1.25rem,2.5vh,2.6rem)] font-black leading-none text-amber-100">
             {stateText}
           </div>
         ) : (

webui/src/display/ServerDisplayApp/components/OnlinePeopleStrip.jsx

@@ -72,7 +72,7 @@ export default function OnlinePeopleStrip({ users = [] }) {
       <div
         ref={trackRef}
         className={classNames(
-          'flex h-full w-max items-center whitespace-nowrap text-[clamp(2rem,4.2vh,4.6rem)] leading-none',
+          'flex h-full w-max items-center whitespace-nowrap text-[clamp(2.5rem,5.3vh,5.8rem)] leading-none',
         )}
       >
         <div ref={contentRef} className="flex h-full items-center">