Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
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...
commit d386d087acfd9d59c6d7680dda2405b228a1c5b3 1 parent 0e76d24
@andrewhayward andrewhayward authored
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;
+ }
}
Please sign in to comment.
Something went wrong with that request. Please try again.