diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss index e43b275b..9cb0ce7f 100644 --- a/src/ui/flights/FlightCard.scss +++ b/src/ui/flights/FlightCard.scss @@ -150,10 +150,34 @@ &__actions { display: flex; - justify-content: flex-end; + justify-content: space-between; + align-items: center; padding-top: vars.$space-s; } + &__share-btn { + display: inline-flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + padding: 0; + background: transparent; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 120ms ease; + + img { + width: 20px; + height: 20px; + } + + &:hover { + background-color: rgba(46, 87, 255, 0.08); + } + } + &__details-btn { background: colors.$blue; color: #fff; diff --git a/src/ui/flights/FlightCard.tsx b/src/ui/flights/FlightCard.tsx index 9bcc4316..9237a7b3 100644 --- a/src/ui/flights/FlightCard.tsx +++ b/src/ui/flights/FlightCard.tsx @@ -292,6 +292,30 @@ export const FlightCard: FC = ({ {onViewDetails && (
+