Set check/x display property using .d-block

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 71de054ce2903e8c40fd3df11336929688e3f169..d2134536eb3a5259eb8ddee88fb2a5b7c4629561 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -898,7 +898,6 @@ div.secondary-actions {
     height: 50px;
     background-image: image-url("welcome-sprite.svg");
     background-size: 500px 250px;
     height: 50px;
     background-image: image-url("welcome-sprite.svg");
     background-size: 500px 250px;

-    display: block;

   }
 
   .sprite.x {
   }
 
   .sprite.x {

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index 324d4659a3cdc38b55fca1d68f77ab267931eb3d..dafa37498ec955bbbfe91acd634650b5f430cbc5 100644 (file)
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -12,15 +12,11 @@
 
 <div class='row'>
   <div class='col-sm'>
 
 <div class='row'>
   <div class='col-sm'>

-    <div>
-      <span class='sprite check mx-auto'></span>
-    </div>
+    <span class='d-block mx-auto sprite check'></span>

     <p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
   </div>
   <div class='col-sm'>
     <p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
   </div>
   <div class='col-sm'>

-    <div>
-      <span class='sprite x mx-auto'></span>
-    </div>
+    <span class='d-block mx-auto sprite x'></span>

     <p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>
   </div>
 </div>
     <p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>
   </div>
 </div>