X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fresults.scss;h=f569bdcf57eeea2bda3d1adbac02b83a05632b65;hb=b45c183b7ba39080b6438c6238bad614c4d3953e;hp=1bde5557f4371f0c491751aa444e0f286c074ce9;hpb=21cc6fddc58d14a635cafa0add99a39fdbca0e9a;p=alttp.git

diff --git a/resources/sass/results.scss b/resources/sass/results.scss
index 1bde555..f569bdc 100644
--- a/resources/sass/results.scss
+++ b/resources/sass/results.scss
@@ -2,24 +2,50 @@
 	.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;
+				height: 1.6em;
 				border-radius: 0.5ex;
 				padding: 0 0.5ex;
 			}
+			&.finished .time {
+				background: $secondary;
+			}
+		}
+
+		.vod-link {
+			margin-top: 1ex;
+			margin-left: 0.5ex;
+			padding: 0.5em;
+			border-radius: 1ex;
 		}
 	}
 }