<p><%= t ".basic_terms.paragraph_1" %></p>
-<div class='clearfix'>
- <div class='clearfix'>
- <span class='sprite small term editor float-start'></span>
- <p><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></p>
+<div>
+ <div class='align-middle mb-2'>
+ <span class='sprite small term editor'></span>
+ <span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
</div>
- <div class='clearfix'>
- <span class='sprite small term node float-start'></span>
- <p><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></p>
+ <div class='align-middle mb-2'>
+ <span class='sprite small term node'></span>
+ <span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
</div>
- <div class='clearfix'>
- <span class='sprite small term way float-start'></span>
- <p><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></p>
+ <div class='align-middle mb-2'>
+ <span class='sprite small term way'></span>
+ <span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
</div>
- <div class='clearfix'>
- <span class='sprite small term tag float-start'></span>
- <p><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></p>
+ <div class='align-middle mb-2'>
+ <span class='sprite small term tag'></span>
+ <span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
</div>
</div>
<h2><%= t ".add_a_note.title" %></h2>
<p><%= t ".add_a_note.para_1" %></p>
<p><%= t ".add_a_note.para_2_html", :map_link => link_to(t(".add_a_note.the_map"), root_path),
- :note_icon => tag.span(:class => "icon note") %></p>
+ :note_icon => tag.span(:class => "icon note bg-dark rounded-1") %></p>
</div>