ReactJS

1
.controls {
2
    position: relative;
3
    display: flex;
4
    flex-flow: row nowrap;
5
    justify-content: space-between;
6
}
7

8
.actions {
9
    display: flex;
10
    flex-flow: row nowrap;
11
}
12

13
.actions > * + * {
14
    margin: 0 0 0 13px;
15
}
16

17
@media all and (min-width: 1024px) {
18
    .controls {
19
        order: 3;
20
        flex: 0 0;
21
        margin: 0 0 0 24px;
22
    }
23

24
    .actions {
25
        display: none;
26
    }
27
}
28