diff --git a/lib/initfest/assets/stylesheets/initfest/_flash_messages.scss b/lib/initfest/assets/stylesheets/initfest/_flash_messages.scss index 477d46d..53c344c 100644 --- a/lib/initfest/assets/stylesheets/initfest/_flash_messages.scss +++ b/lib/initfest/assets/stylesheets/initfest/_flash_messages.scss @@ -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; } diff --git a/lib/initfest/assets/stylesheets/initfest/_forms.scss b/lib/initfest/assets/stylesheets/initfest/_forms.scss index adfb6e0..1cdbc56 100644 --- a/lib/initfest/assets/stylesheets/initfest/_forms.scss +++ b/lib/initfest/assets/stylesheets/initfest/_forms.scss @@ -135,3 +135,8 @@ .btn-link-large { font-size: 2em; } + +.blocky { + display: inline-block; + margin: 20px; +} \ No newline at end of file diff --git a/lib/initfest/assets/stylesheets/initfest/application.scss b/lib/initfest/assets/stylesheets/initfest/application.scss index 11a481a..0e733d5 100644 --- a/lib/initfest/assets/stylesheets/initfest/application.scss +++ b/lib/initfest/assets/stylesheets/initfest/application.scss @@ -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; + } + +} \ No newline at end of file diff --git a/lib/initfest/views/public/home/_event_type.slim b/lib/initfest/views/public/home/_event_type.slim index 0b443b7..93fc786 100644 --- a/lib/initfest/views/public/home/_event_type.slim +++ b/lib/initfest/views/public/home/_event_type.slim @@ -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'