Skip to content
Browse files

Fixing 'Market Place' box and submit button

The large padding in the 'market place' box means there's not a lot of room at smaller sizes. Equally, the submit button gets a bit weird so forcing onto new line.
  • Loading branch information...
1 parent 0e76d24 commit d386d087acfd9d59c6d7680dda2405b228a1c5b3 @andrewhayward committed Dec 5, 2012
Showing with 33 additions and 0 deletions.
  1. +33 −0 gameon/base/static/base/css/forms.css
View
33 gameon/base/static/base/css/forms.css
@@ -122,4 +122,37 @@ fieldset.js_enabled .field {
.submit_row input {
text-transform: uppercase;
margin-left: 20px;
+}
+
+@media all and (max-width: 640px) {
+ .submit_row.marketplace {
+ padding-left: 20px;
+ }
+ .submit_row.marketplace::before {
+ content: "";
+ float: left;
+ display: block;
+ width: 160px;
+ height: 140px;
+ }
+ .submit_row.submit {
+ text-align: center;
+ }
+ .submit_row.submit span {
+ display: block;
+ margin-bottom: 1em;
+ }
+ .submit_row.submit input {
+ margin-left: 0;
+ }
+}
+
+@media all and (max-width: 400px) {
+ .submit_row.marketplace {
+ padding-top: 170px;
+ background-position: 50% 1em;
+ }
+ .submit_row.marketplace::before {
+ display: none;
+ }
}

0 comments on commit d386d08

Please sign in to comment.
Something went wrong with that request. Please try again.