cockpit: use colored spans instead of unicode circles

1 files changed, 23 insertions, 0 deletions

diff --git a/cockpit.css b/cockpit.css
index 4ea6b76..49a3b45 100644
--- a/cockpit.css
+++ b/cockpit.css
@@ -157,6 +157,29 @@
 	flex: 1;
 }
 
+#student-info-dot-green,
+#student-info-dot-orange,
+#student-info-dot-red {
+	border-radius: 50%;
+	display: inline-block;
+	margin-right: 2px;
+	height: 1.25rem;
+	width: 1.25rem;
+	transform: translateY(0.125rem);
+}
+
+#student-info-dot-green {
+	background: green;
+}
+
+#student-info-dot-orange {
+	background: orange;
+}
+
+#student-info-dot-red {
+	background: red;
+}
+
 .student-info-points {
 	display: block;
 	font-size: 2rem;