More mobile fixes

web/src/components/Main.js

@@ -6,6 +6,7 @@ import {pacSelectFirst} from '../helpers/googleMaps'
 import {loadProperties, loadSeen, loadListing} from '../lib/api'
 import {handleMessage} from '../lib/handlers'
 import Router from '../lib/router'
+import {isMobile} from '../lib/helpers'
 
 class Main extends React.Component {
   constructor (props) {
@@ -136,6 +137,10 @@ class Main extends React.Component {
 
         map.fitBounds(initialBounds)
         map.setOptions({maxZoom: originalMaxZoom, minZoom: originalMinZoom})
+        if (isMobile()) {
+          document.getElementById('left').classList.add("left-absolute");
+          this.addAbsoluteLeftInRender = true;
+        }
       }
     })
     map.addListener('idle', regularIdle)
@@ -573,7 +578,7 @@ class Main extends React.Component {
     let rightClass = 'right-base'
 
     if (this.state.listingId || this.state.mapClicked) {
-      leftClass = 'left-hidden'
+      leftClass = this.addAbsoluteLeftInRender ? 'left-absolute' : ''
       rightClass = 'right-shown'
     }