hermes-web-angular/src/app/redemptions/redemption-item-edit/redemption-item-edit.component.scss

56 lines
704 B
SCSS

.mat-mdc-card {
margin: 0.5em;
}
.mat-mdc-card-content {
display: flex;
flex-direction: row;
column-gap: 1em;
padding-bottom: 0;
}
.buttons {
margin: -0.75em;
}
button,
.mdc-button {
display: block;
}
.error {
display: block;
color: #ba1a1a;
}
.below {
display: block;
justify-self: center;
}
@media (max-width:1000px) {
.mat-mdc-card-content {
flex-direction: column;
margin-bottom: 0.5em;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1em;
}
.buttons {
margin: 0;
}
button ~ button {
margin-left: 2em;
}
button {
display: inline;
}
.delete {
background-color: rgb(255, 152, 152);
}
}