Fix buttons display on mobile history view

pull/2701/head
kimsible 2020-04-28 14:39:32 +02:00 committed by Rigel Kent
parent b15fe00f74
commit 62365adc75
1 changed files with 19 additions and 0 deletions

View File

@ -12,6 +12,8 @@
.top-buttons {
margin-bottom: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
.history-switch {
display: flex;
@ -38,3 +40,20 @@
flex-grow: 1;
}
}
@media screen and (max-width: $mobile-view) {
.top-buttons {
.history-switch label, .delete-history {
@include ellipsis;
}
.history-switch label {
width: 60%;
}
.delete-history {
margin-left: auto;
max-width: 32%;
}
}
}