.result {
padding: 1ex;
+ .user-box {
+ margin-right: 1ex;
+ }
+
.status {
display: flex;
+ position: relative;
align-items: center;
justify-content: space-between;
margin-top: 1ex;
padding: 0.5em;
+ width: 100%;
+ min-width: 15ex;
+ border: none;
border-radius: 1ex;
background: $dark;
color: $light;
+ box-shadow: none;
+ transition: top 0.15s ease-in-out;
+ &.has-comment {
+ box-shadow: 0 0.5ex 0 $info;
+ }
+ &:active {
+ box-shadow: none;
+ top: 0.5ex;
+ }
+
.time {
min-width: 9ex;
height: 1.4em;
- background: $secondary;
border-radius: 0.5ex;
padding: 0 0.5ex;
}
+ &.finished .time {
+ background: $secondary;
+ }
}
}
}