Files
web/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/GuaranteeInfo/GuaranteeInfoModal/guaranteeInfoModal.module.css
Christel Westerberg b563a83f10 Merged in fix/STAY-132 (pull request #3283)
fix: align guarantee info button and text to the right regardless of breakpoint

* fix: align guarantee info button and text to the right regardless of breakpoint


Approved-by: Erik Tiekstra
2025-12-03 07:16:51 +00:00

37 lines
590 B
CSS

.content {
display: grid;
gap: var(--Space-x3);
align-content: start;
margin-top: var(--Space-x2);
}
.infoButton {
background-color: transparent;
border-width: 0;
padding: var(--Space-x025);
color: var(--Icon-Interactive-Default);
cursor: pointer;
flex-shrink: 0;
vertical-align: bottom;
margin-right: var(--Space-x05);
}
.closeButton {
justify-self: stretch;
}
@media screen and (min-width: 768px) {
.content {
max-width: 512px;
}
.closeButton {
justify-self: end;
min-width: 150px;
}
}
.textSecondary {
color: var(--Text-Secondary);
}