Merge pull request #468 from bryk/padding-fix

Fix layout isses where deploy form container shrinks
kubernetes · Mar 2, 2016 · 5dd4bdd · 5dd4bdd
2 parents 040ab59 + 647a5a5
commit 5dd4bdd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/src/app/frontend/_variables.scss b/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;

diff --git a/src/app/frontend/deploy/deploy.html b/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>
 

diff --git a/src/app/frontend/deploy/deploy.scss b/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 {