increase name size and orient badge under name

rubyforgood · Feb 28, 2025 · c705405 · c705405
1 parent ed7968a
commit c705405
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
@@ -17,14 +17,15 @@
                               style: "width: 100%; height: 100%; object-fit: cover;"
                             ) %>
                       </div>
+                    </div>
+                    <div class="d-flex flex-column align-items-center flex-shrink-0">
+                      <h2 class="card-title mb-0 flex-grow-1 text-center">
+                        <%= fostered_pet.pet.name %>
+                      </h2>
                       <div class="badge mt-2 <%= status_classes(fostered_pet.status) %>">
                         <%= fostered_pet.status.to_s.titleize %>
                       </div>
                     </div>
-
-                    <h3 class="card-title mb-0 flex-grow-1 text-center">
-                      <%= fostered_pet.pet.name %>
-                    </h3>
                     <div class="fostered-dates d-flex flex-column text-start">
                       <h5 class="mb-1">Start: <%= fostered_pet.start_date.strftime("%m/%d/%y") %></h5>
                       <h5 class="mt-1">End: <%= fostered_pet.end_date.strftime("%m/%d/%y") %></h5>