From b5678b2dcf046ba719793f6e600613b178ae8146 Mon Sep 17 00:00:00 2001
From: Hidde Wieringa <hidde@hiddewieringa.nl>
Date: Tue, 14 May 2024 20:21:41 +0200
Subject: [PATCH] Improve alignment of text and images on welcome page

---
 app/views/site/_any_questions.html.erb |  2 ++
 app/views/site/welcome.html.erb        | 26 +++++++++++++-------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/app/views/site/_any_questions.html.erb b/app/views/site/_any_questions.html.erb
index b330d8035..5098a1eee 100644
--- a/app/views/site/_any_questions.html.erb
+++ b/app/views/site/_any_questions.html.erb
@@ -1,4 +1,6 @@
   <h2><%= t ".title" %></h2>
+  <div class='clearfix'>
   <span class='sprite small term question float-start'></span>
   <p><%= t ".paragraph_1_html", :help_link => link_to(t(".get_help_here"), help_path),
                                 :welcome_mat_link => link_to(t(".welcome_mat"), t(".welcome_mat_url")) %></p>
+  </div>
diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index f8f339284..eacccf578 100644
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -29,22 +29,22 @@
 
 <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>
 
-- 
2.39.5