X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftechniques.scss;h=55e3c7cad45052626f8c9393910a2c46752de2cd;hb=6976d85a7117de53f7d42dee3de1f6b8fcb9726d;hp=a28c4386f05acfcc989fa56c15f195fe931800f5;hpb=de9be1288c2b3214e007c8d67d6b19e756cf08ba;p=alttp.git

diff --git a/resources/sass/techniques.scss b/resources/sass/techniques.scss
index a28c438..55e3c7c 100644
--- a/resources/sass/techniques.scss
+++ b/resources/sass/techniques.scss
@@ -4,6 +4,18 @@
 	gap: 0 1ex;
 	padding: 0.5ex;
 	border-radius: 0.5ex;
+
+	.form-check label {
+		margin-top: 0;
+	}
+}
+
+.tech-filter {
+	max-width: 18em;
+	text-align: right;
+	.form-check {
+		text-align: left;
+	}
 }
 
 .tech-list {
@@ -22,6 +34,38 @@
 	}
 }
 
+.tech-requirements {
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	li {
+		display: inline;
+		list-style: none;
+		margin: 0 1ex;
+		padding: 0;
+
+		&::before {
+			display: inline;
+			content: " / ";
+			margin-right: 1ex;
+		}
+		&:first-child::before {
+			display: none;
+		}
+	}
+	.requirement {
+		display: inline-flex;
+		vertical-align: middle;
+	}
+}
+
+.tech-title-icons {
+	display: inline-flex;
+	vertical-align: middle;
+}
+
 .tech-outline {
 	float: right;
 }