Fix tx confirmation badge layout bug
This commit is contained in:
parent
54c44565fb
commit
d1cedbb981
@ -3,36 +3,36 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container-buttons {
|
.container-buttons {
|
||||||
align-self: center;
|
align-self: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-block {
|
.title-block {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
align-items: baseline;
|
||||||
@media (min-width: 650px) {
|
@media (min-width: 650px) {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
margin: 0rem;
|
margin: 0rem;
|
||||||
|
margin-right: 15px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tx-link {
|
.tx-link {
|
||||||
display: flex;
|
|
||||||
flex-grow: 1;
|
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
@media (min-width: 650px) {
|
display: inline-block;
|
||||||
align-self: end;
|
width: 100%;
|
||||||
margin-left: 15px;
|
flex-shrink: 0;
|
||||||
margin-top: 0px;
|
@media (min-width: 651px) {
|
||||||
margin-bottom: -3px;
|
display: flex;
|
||||||
}
|
width: auto;
|
||||||
@media (min-width: 768px) {
|
flex-grow: 1;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 650px) {
|
||||||
order: 3;
|
order: 3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user