edit fe show job page

app/views/jobs/show.html.erb

@@ -12,20 +12,20 @@
     <h4><i class="fas fa-building"></i> 
       <%= link_to @job.company.name, jobs_path(model: 'company', slug: @job.company.slug), class: 'text-decoration-none text-dark' %>
     </h4>
-    <span class="mx-2"><i class="fas fa-map-marker-alt"> </i>
+    <span class="mx-2 d-inline-block"><i class="fas fa-map-marker-alt"> </i>
       <% @job.locations.each do |location| %>
         <%= link_to location.city, jobs_path(model: 'location', slug: location.slug), class: 'vertical-divider text-dark' %>
       <% end %>
     </span>
-    <span class="mx-2"><i class="fas fa-briefcase"> </i>
+    <span class="mx-2 d-inline-block"><i class="fas fa-briefcase"> </i>
       <% @job.industries.each do |industry| %>
         <%= link_to industry.name, jobs_path(model: 'industry', slug: industry.slug), class: 'vertical-divider text-dark' %>
       <% end %>
     </span>
-    <span class="mx-2"><i class="fas fa-user-alt"></i> <%= @job.level %></span>
-    <span class="mx-2"><i class="fas fa-business-time"></i> <%= @job.experience %></span>
-    <span class="mx-2"><i class="fas fa-wallet"></i> <%= @job.salary %></span>
-    <span class="mx-2"><i class="fas fa-calendar-week"></i> <%= @job.expiration_date %></span>
+    <span class="mx-2 d-inline-block"><i class="fas fa-user-alt"></i> <%= @job.level %></span>
+    <span class="mx-2 d-inline-block"><i class="fas fa-business-time"></i> <%= @job.experience %></span>
+    <span class="mx-2 d-inline-block"><i class="fas fa-wallet"></i> <%= @job.salary %></span>
+    <span class="mx-2 d-inline-block"><i class="fas fa-calendar-week"></i> <%= @job.expiration_date %></span>
     <hr>
     <h3><strong>Description:</strong></h3>
     <%= @job.description.html_safe %>