X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Frounds.scss;h=907d6e946425c5fb9d1d12ad26e5f00d3901bd76;hb=31131fc56ecc52ba5ce8aa9854755b22620a7139;hp=414552363f85ef1d2802924e856eb6aad8e08d5c;hpb=33cc4da565ffb07ee4f8d9cbafb248629b85e65a;p=alttp.git

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index 4145523..907d6e9 100644
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -4,12 +4,15 @@
 
 	.round {
 		margin: 1rem 0;
-		border: thin solid $secondary;
-		border-radius: 1ex;
+		border: $border-width solid $secondary;
+		border-radius: $border-radius;
+		background: $gray-700;
 		padding: 1ex;
+		list-style: none;
 
 		&.has-not-finished {
-			box-shadow: 0 0 0.25rem $primary;
+			border-color: $light;
+			box-shadow: 0 0 0.25rem 0.25rem $info;
 		}
 
 		.info {
@@ -20,7 +23,18 @@
 				font-size: 125%;
 			}
 
-			.seed-code, .btn {
+			.rolled-by {
+				display: inline-block;
+				vertical-align: middle;
+
+				img {
+					max-height: 2rem;
+					width: auto;
+					border-radius: 50%;
+				}
+			}
+
+			.seed-code, .btn, .rolled-by {
 				margin-bottom: 1ex;
 			}
 		}
@@ -28,9 +42,6 @@
 }
 
 .seed-code {
-	display: inline-flex;
-	flex-direction: row;
-	flex-wrap: nowrap;
 	align-items: center;
 	align-content: center;
 	justify-content: flex-start;
@@ -40,4 +51,28 @@
 	background: $dark;
 	color: $light;
 	vertical-align: middle;
+
+	&.game-alttpr {
+		display: inline-flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+	}
+
+	&.game-smr {
+		display: inline-grid;
+		grid-template-columns: 1fr 1fr;
+		> span {
+			text-transform: uppercase;
+		}
+	}
+}
+
+.seed-code-input {
+	border: none;
+	padding: 0;
+
+	&.game-smr {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+	}
 }