FIX Restore correct widths to main CMS panel. (#2017)

The introduction of a new parent to .cms-main resulted in some of the
CSS and JS that handles the width of the main panel being incorrect.
Visually it appeared that the left and right panels were too narrow -
but in reality that's just because the main was was too wide.

Author: GuySartorelli

client/dist/js/bundle.js

@@ -353,7 +353,7 @@ $.entwine('ss', function($) {
       var mode = options.mode;
       this.clearViewMode();
 
-      var content = this.find('.cms-content');
+      var content = this.find('.cms-container-skip-link-target');
       var preview = this.find('.cms-preview');
 
       content.css({'min-width': 0});

client/dist/styles/bundle.css

@@ -54,7 +54,7 @@ html, body {
 
   // Uses off screen hiding instead of `visibility:hidden;` or `display: none;`
   // so that the element is fully accessible
-  top: -100px; 
+  top: -100px;
   left: 3px;
   background: $base-menu;
   color: $gray-700;
@@ -66,12 +66,6 @@ html, body {
   }
 }
 
-.cms-container-skip-link-target {
-  display: flex;
-  height: 100%;
-  width: 100vw;
-}
-
 .cms-container--content-mode {
   .cms-preview {
     display: none;

client/src/legacy/LeftAndMain.js

@@ -19,7 +19,7 @@
     <div class="cms-container" data-layout-type="custom">
         $Menu
         <main id="cms-container-skip-link-target"
-             class="cms-container-skip-link-target"
+             class="cms-container-skip-link-target flexbox-area-grow fill-height fill-width"
              tabindex="-1"
         >$Content</main>
         $PreviewPanel