fix: delete and arrows on top of each other

City-of-Helsinki · Mar 20, 2024 · c47ee40 · c47ee40
1 parent 9f9c4b5
commit c47ee40
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/apps/ui/components/reservation-unit/ReservationUnitCard.tsx b/apps/ui/components/reservation-unit/ReservationUnitCard.tsx
@@ -111,7 +111,10 @@ const MaxPersonsContainer = styled.div`
 const DeleteButton = styled(MediumButton)`
   white-space: nowrap;
   margin: var(--spacing-s) var(--spacing-s) var(--spacing-s) 0;
-  place-self: flex-end;
+  place-self: flex-start;
+  @media (min-width: ${breakpoints.m}) {
+    place-self: flex-end;
+  }
 `;
 
 const ArrowContainer = styled.div`