Isolate City Analysis from legacy layout styles

web/src/pages/cities/Cities.tsx

@@ -23,12 +23,12 @@ export function Cities() {
     return (
         <div class="aggregator pageWorkspace">
             <div class="pageHeading"><div><span class="eyebrow">Historical observations</span><h1>City analysis</h1><p>Choose stations and a calculation, then compare the resulting values.</p></div><div class="selectionCount">{getCities().size} cities selected</div></div>
-            <div class="container">
-                <aside class="column cityPanel workspaceRail">
+            <div class="cityWorkspace">
+                <aside class="cityPanel workspaceRail">
                     <h2>1. Choose cities</h2>
                     <SelectCity getCities={getCities} setCities={setCities} />
                 </aside>
-                <aside class="column queryPanel workspaceToolbar">
+                <aside class="queryPanel workspaceToolbar">
                     <h2>2. Configure query</h2>
                     <div class="queryTimeRange">
                         <SelectTimeRange
@@ -47,7 +47,7 @@ export function Cities() {
                         <SelectGranularity getGranularity={getGranularity} setGranularity={setGranularity} />
                     </div>
                 </aside>
-                <section class="column resultsPanel">
+                <section class="resultsPanel">
                     <QueryView
                         getCities={getCities}
                         getStart={getStart}