cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor the fixthemap page to use the bootstrap responsive grid

Browse source 
This ensures that on small screens, the 'how to help' sections
are one above the other, and on larger screens they are side-by-side
This commit is contained in:
Andy Allan 2020-01-08 16:27:39 +01:00
parent 17ecde019d
commit 0b1aafb701
2 changed files with 17 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/views/site/fixthemap.html.erb
View file

@ -7,31 +7,30 @@
<% end %>
<h3><%= t "layouts.intro_header" %></h3>
<p><%= t "layouts.intro_text" %></p>
<h3><%= t ".how_to_help.title" %></h3>
<div class='clearfix'>
<div class='col6 inner11'>
<h3><%= t ".how_to_help.join_the_community.title" %></h3>
<%= t ".how_to_help.join_the_community.explanation_html" %>
<div class='clearfix center'>
<a class="button sign-up" href="<%= user_new_path %>"><%= t("layouts.start_mapping") %></a>
<div class='container'>
<div class='row' %>
<div class='col-sm'>
<h5><%= t ".how_to_help.join_the_community.title" %></h3>
<p><%= t ".how_to_help.join_the_community.explanation_html" %></p>
<p class='text-center'>
<a class="button sign-up" href="<%= user_new_path %>"><%= t("layouts.start_mapping") %></a>
</p>
</div>
<div class='col-sm'>
<h5><%= t "site.welcome.add_a_note.title" %></h3>
<p><%= t "site.welcome.add_a_note.paragraph_1_html" %></p>
<p><%= t ".how_to_help.add_a_note.instructions_html", :map_url => root_path %></p>
</div>
</div>
<div class='col6 inner11'>
<h3><%= t "site.welcome.add_a_note.title" %></h3>
<p><%= t "site.welcome.add_a_note.paragraph_1_html" %></p>
<p><%= t ".how_to_help.add_a_note.instructions_html", :map_url => root_path %></p>
</div>
</div>
<h3><%= t ".other_concerns.title" %></h3>
<p><%= t ".other_concerns.explanation_html" %></p>
<div class='col12 clearfix icon-list'>
<h3><%= t "site.welcome.questions.title" %></h3>
<span class='sprite small term question'></span>
<p><%= t "site.welcome.questions.paragraph_1_html", :help_url => help_path %></p>
</div>
<h3><%= t "site.welcome.questions.title" %></h3>
<span class='sprite small term question'></span>
<p><%= t "site.welcome.questions.paragraph_1_html", :help_url => help_path %></p>