Responsive css fixes

This commit is contained in:
Petko Bordjukov 2015-08-15 13:46:07 +03:00
parent 7cc6894f92
commit d4bf6a3a3a
4 changed files with 20 additions and 1 deletions

View File

@ -2,8 +2,13 @@
border: 1px solid #CCC;
background-color: #F1F1F1;
padding: 10px;
margin: 20px 100px 10px 100px;
@media all and (max-width: 600px) {
margin: 20px 10px 10px 10px;
}
div {
text-align: center;
}

View File

@ -135,3 +135,8 @@
.btn-link-large {
font-size: 2em;
}
.blocky {
display: inline-block;
margin: 20px;
}

View File

@ -29,3 +29,12 @@ footer {
.my_submissions {
font-size: 1.7em;
}
@media all and (max-width: 600px) {
.input label, .input input, .input span, .input .hint, .help-block, .input .error {
float: none;
display: block;
margin: 0;
}
}

View File

@ -1 +1 @@
=> link_to t('views.welcome.submit_event', event_type: event_type.name.try(:mb_chars).try(:downcase)), new_event_path(type: event_type.id), class: 'btn-link btn-link-large'
=> link_to t('views.welcome.submit_event', event_type: event_type.name.try(:mb_chars).try(:downcase)), new_event_path(type: event_type.id), class: 'btn-link btn-link-large blocky'