clarify finished label

diff --git a/resources/js/components/results/Item.js b/resources/js/components/results/Item.js
index 2a1fc8c07f4cbb404be0f030b0315e274720dc33..d99d93f75eea34eca456b0d668127f28038ef85b 100644 (file)
--- a/resources/js/components/results/Item.js
+++ b/resources/js/components/results/Item.js
@@ -52,7 +52,7 @@ const Item = ({
        const maySee = maySeeResults(user, tournament, round);
        return <div className="result">
                <Box user={participant.user} />
-               <div className="status">
+               <div className={`status ${result && result.has_finished ? 'finished' : 'pending'}`}>
                        <span className="time">
                                {getTime(result, maySee)}
                        </span>

diff --git a/resources/sass/results.scss b/resources/sass/results.scss
index 1bde5557f4371f0c491751aa444e0f286c074ce9..ca1e1612e97b9003bcc7cbe7e55ff43eb6d1cc7d 100644 (file)
--- a/resources/sass/results.scss
+++ b/resources/sass/results.scss
@@ -16,10 +16,12 @@
                        .time {
                                min-width: 9ex;
                                height: 1.4em;
-                               background: $secondary;
                                border-radius: 0.5ex;
                                padding: 0 0.5ex;
                        }
+                       &.finished .time {
+                               background: $secondary;
+                       }
                }
        }
 }