Fixes UI Alignment in Adopter-Application-Review (rubyforgood#960)

Aaryanpal · Sep 7, 2024 · 7521c36 · 7521c36
1 parent 8f5b657
commit 7521c36
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/views/organizations/staff/pets/tabs/_applications.html.erb b/app/views/organizations/staff/pets/tabs/_applications.html.erb
@@ -1,5 +1,5 @@
 <%# Table layout %>
-<div class="card d-none d-xl-block mb-4 flex-grow-1">
+<div class="card d-none d-xl-block mb-4 flex-grow-1 w-100">
   <% if current_page?(staff_adoption_application_reviews_path) %>
     <div class="card-header">
       <h4 class="mb-0"><%= link_to pet.name, staff_pet_path(pet), class: "link-underline link-underline-opacity-0" %></h4>
@@ -31,9 +31,9 @@
     <%# Card image %>
     <%= link_to staff_pet_path(pet) do %>
       <% if pet.images.attached? %>
-        <%= image_tag pet.images.first, class: "card-img-top" %>
+        <%= image_tag pet.images.first, class: "img-fluid card-img-top", style: "width: 100%; height: 200px; object-fit: cover;" %>
       <% else %>
-        <%= image_tag "coming_soon.jpg", class: "card-img-top" %>
+        <%= image_tag "coming_soon.jpg", class: "img-fluid card-img-top", style: "width: 100%; height: 200px; object-fit: cover;" %>
       <% end %>
     <% end %>
     <%# Card header %>