Fix layout isses where deploy form container shrinks

Now the container does not shrink.

This also fixes layout on mobile. Now the deploy form works there.

Fixes kubernetes#439

src/app/frontend/_variables.scss

@@ -50,6 +50,7 @@ $regular-font-weight: 400;
 $bold-font-weight: 500;
 
 $layout-breakpoint-lg: 1280px;
+$layout-breakpoint-sm: 960px;
 $layout-breakpoint-xs: 600px;
 $whiteframe-shadow-1dp: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
 $baseline-grid: 8px;

src/app/frontend/deploy/deploy.html

@@ -14,7 +14,7 @@
 limitations under the License.
 -->
 
-<div layout="column" layout-padding layout-align="center center" flex="auto" >
+<div layout="column" layout-padding layout-padding-gt-md layout-align="center center" flex="auto">
   <md-whiteframe class="kd-deploy-whiteframe md-whiteframe-5dp" flex="auto">
     <h3 class="md-headline kd-deploy-form-title">Deploy a Containerized App</h3>
 

src/app/frontend/deploy/deploy.scss

@@ -17,10 +17,7 @@
 .kd-deploy-whiteframe {
   background: $content-background;
   margin: $baseline-grid;
-  // TODO(bryk): Find a better, application wide constant for the min width.
-  max-width: 960px;
-  min-width: 600px;
-  width: 50%;
+  width: $layout-breakpoint-sm;
 }
 
 .kd-deploy-form-title {