Keep panels displayed in full screen view (#979)

Author: gjmooney

packages/base/src/mainview/mainView.tsx

@@ -2357,7 +2357,24 @@ export class MainView extends React.Component<IProps, IStates> {
                 width: '100%',
                 height: '100%',
               }}
-            />
+            >
+              <div className="jgis-panels-wrapper">
+                {this._state && (
+                  <LeftPanel
+                    model={this._model}
+                    commands={this._mainViewModel.commands}
+                    state={this._state}
+                  ></LeftPanel>
+                )}
+                {this._formSchemaRegistry && this._annotationModel && (
+                  <RightPanel
+                    model={this._model}
+                    formSchemaRegistry={this._formSchemaRegistry}
+                    annotationModel={this._annotationModel}
+                  ></RightPanel>
+                )}
+              </div>
+            </div>
           </div>
           <StatusBar
             jgisModel={this._model}
@@ -2366,23 +2383,6 @@ export class MainView extends React.Component<IProps, IStates> {
             scale={this.state.scale}
           />
         </div>
-
-        <div className="jgis-panels-wrapper">
-          {this._state && (
-            <LeftPanel
-              model={this._model}
-              commands={this._mainViewModel.commands}
-              state={this._state}
-            ></LeftPanel>
-          )}
-          {this._formSchemaRegistry && this._annotationModel && (
-            <RightPanel
-              model={this._model}
-              formSchemaRegistry={this._formSchemaRegistry}
-              annotationModel={this._annotationModel}
-            ></RightPanel>
-          )}
-        </div>
       </>
     );
   }

packages/base/style/base.css

@@ -92,6 +92,7 @@ button.jp-mod-styled.jp-mod-reject {
   right: 0px;
   position: absolute;
   margin: 5px;
+  z-index: 40
 }
 
 .jgis-left-panel-container {
@@ -100,6 +101,7 @@ button.jp-mod-styled.jp-mod-reject {
   top: 30px;
   left: 0px;
   margin: 5px;
+  z-index: 40
 }
 
 @media (max-width: 768px) {