fix(banner): tweak padding for mobile view

petebacondarwin · petebacondarwin · commit 67851e351339 · 2015-06-29T22:26:16.000+01:00
diff --git a/public/resources/css/module/_banner.scss b/public/resources/css/module/_banner.scss
@@ -12,20 +12,20 @@
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),
   screen and (max-width: $tablet-breakpoint) {
-    padding: $unit * 2;
+    padding: ($unit * 2) 0;
   }
 
   &.is-centered {
     text-align: center;
-    padding-left: ($unit*4);
   }
 
-  .button {
+  .button.button-large {
     @media handheld and (max-width: $phone-breakpoint),
     screen and (max-device-width: $phone-breakpoint),
     screen and (max-width: $tablet-breakpoint) {
       display: block;
     }
+    padding: 0;
   }
 
   .ng-conf-logo {

Original file line number	Diff line number	Diff line change
`@@ -12,20 +12,20 @@`
`12`	`12`	`@media handheld and (max-width: $phone-breakpoint),`
`13`	`13`	`screen and (max-device-width: $phone-breakpoint),`
`14`	`14`	`screen and (max-width: $tablet-breakpoint) {`
`15`		`- padding: $unit * 2;`
	`15`	`+ padding: ($unit * 2) 0;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`&.is-centered {`
`19`	`19`	`text-align: center;`
`20`		`- padding-left: ($unit*4);`
`21`	`20`	`}`
`22`	`21`
`23`		`- .button {`
	`22`	`+ .button.button-large {`
`24`	`23`	`@media handheld and (max-width: $phone-breakpoint),`
`25`	`24`	`screen and (max-device-width: $phone-breakpoint),`
`26`	`25`	`screen and (max-width: $tablet-breakpoint) {`
`27`	`26`	`display: block;`
`28`	`27`	`}`
	`28`	`+ padding: 0;`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`.ng-conf-logo {`