UX improvements on facility views

app/views/facility_reviews/_facility_with_edit_button.html.erb

@@ -11,9 +11,11 @@
               title: t("tooltips.facility_aggregated_experience.#{space_facility.experience}"),
               class: 'unstyled-link inline-flex gap-2 items-center collapsable-wrapper' do %>
 
-    <h4 class="text-base <%= "line-through text-gray-600" if space_facility.experience == "impossible" %>"><%= facility.title %></h4>
+    <h4 class="text-base inline-flex items-baseline <%= "line-through text-gray-600" if space_facility.experience == "impossible" %>"><%= facility.title %></h4>
 
-    <%= inline_svg_tag "facility_status/#{space_facility.experience}", class: "#{" text-black " if space_facility.experience == "impossible" }" %>
+    <span class="text-sm font-normal items-center inline-flex gap-1">
+      <%= render 'facility_reviews/form_components/others_experience', space_facility: space_facility %>
+    </span>
 
     <span class="edit-button edit-button--small collapsable collapsable--to-right">
          <span class="text">
@@ -24,7 +26,7 @@
  <% end %>
 
   <% unless space_facility.description.nil? %>
-    <div class="text-gray-400 mb-1.5">
+    <div class="text-sm text-gray-500 mb-1.5">
       <%= space_facility.description %>
     </div>
   <% end %>

app/views/facility_reviews/form_components/_others_experience.html.erb

@@ -1,3 +1,17 @@
 <%# locals: (space_facility:) %>
 <%= inline_svg_tag "facility_status/#{space_facility.experience}", class: "#{" text-black " if space_facility.experience == "impossible" }" %>
-<%= t("tooltips.others_experience.#{space_facility.experience}") %>
+<span class=" <%=
+  case space_facility.experience
+  when "impossible"
+    "text-red-500"
+  when "likely"
+    "text-green-500"
+  when "unlikely"
+    "text-red-500"
+  when "maybe"
+    "text-yellow-500"
+  else "text-gray-400"
+  end
+%>">
+  <%= t("tooltips.others_experience.#{space_facility.experience}") %>
+</span>