From 7521c36b44bff0e7ef58dc02f1c2218f6574079a Mon Sep 17 00:00:00 2001
From: Aaryan <53212802+Aaryanpal@users.noreply.github.com>
Date: Sat, 7 Sep 2024 22:05:08 +0530
Subject: [PATCH] Fixes UI Alignment in Adopter-Application-Review (#960)

---
 .../organizations/staff/pets/tabs/_applications.html.erb    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/organizations/staff/pets/tabs/_applications.html.erb b/app/views/organizations/staff/pets/tabs/_applications.html.erb
index 0faa9c1b7..a99a4dfc1 100644
--- 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 %>