fleet/frontend/components/Sandbox/SandboxExpiryMessage/_styles.scss
Gabriel Hernandez 4cd4a7759b
fix for expiry message message (#7093)
this fixes the expiry message label and also makes the whole message a link
2022-08-08 15:17:52 +01:00

35 lines
618 B
SCSS

.sandbox-expiry-message {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px $pad-large;
margin-bottom: $pad-large;
background-color: $ui-expiry-message;
border: 1px solid #ECE0BB;
border-radius: $border-radius;
font-size: $xx-small;
color: $core-fleet-black;
font-weight: $regular;
&:hover {
cursor: pointer;
}
p {
margin: 0;
}
span {
display: flex;
align-items: center;
color: $core-fleet-black;
font-weight: $bold;
text-align: right;
.icon-external {
width: 12px;
padding-left: $pad-xsmall;
}
}
}