-<div class='clearfix icon-list'>
- <div class='clearfix'>
- <span class='sprite small term editor'></span>
- <p><%= t ".basic_terms.editor_html" %></p>
- </div>
- <div class='clearfix'>
- <span class='sprite small term node'></span>
- <p><%= t ".basic_terms.node_html" %></p>
- </div>
- <div class='clearfix'>
- <span class='sprite small term way'></span>
- <p><%= t ".basic_terms.way_html" %></p>
- </div>
- <div class='clearfix'>
- <span class='sprite small term tag'></span>
- <p><%= t ".basic_terms.tag_html" %></p>
- </div>
-</div>
+<ul class='list-unstyled'>
+ <li class='d-flex align-items-center gap-2 mb-2'>
+ <span class='flex-shrink-0 align-self-start sprite editor'></span>
+ <span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
+ </li>
+ <li class='d-flex align-items-center gap-2 mb-2'>
+ <span class='flex-shrink-0 align-self-start sprite node'></span>
+ <span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
+ </li>
+ <li class='d-flex align-items-center gap-2 mb-2'>
+ <span class='flex-shrink-0 align-self-start sprite way'></span>
+ <span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
+ </li>
+ <li class='d-flex align-items-center gap-2 mb-2'>
+ <span class='flex-shrink-0 align-self-start sprite tag'></span>
+ <span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
+ </li>
+</ul>