reorganize start...

src/public/css/lineup.css

@@ -0,0 +1,71 @@
+@import url("/font/bootstrap-icons.css");
+
+:root {
+  --bc-text-muted: #6c757d;
+}
+
+#label_13_5_0 span {
+  display: none !important;
+}
+#label_13_5_0:after {
+  font-family: FontAwesome;
+  content: "\f005";
+}
+.lineup-slot .Panel-cell {
+  display: flex;
+  align-items: center;
+}
+
+.lineup-slot .Panel-cell:has(.drag-handle) {
+  flex-direction: column;
+}
+
+.lineup-slot [class*="availability-status-code"]::before {
+  padding-right: 6px;
+  font-family: "bootstrap-icons";
+}
+
+.lineup-slot .availability-status-code-1::before {
+  content: "\F26A";
+  color: var(--bs-success);
+}
+
+.lineup-slot .availability-status-code-2::before {
+  content: "\F504";
+  color: var(--bs-primary);
+}
+
+.lineup-slot .availability-status-code-0::before {
+  content: "\F622";
+  color: var(--bs-danger);
+}
+
+.lineup-slot .availability-status-code-null::before {
+  content: "\F505";
+  color: var(--bs-secondary);
+}
+
+.lineup-slot .lastname {
+  text-transform: uppercase;
+  font-weight: bold;
+}
+
+.lineup-slot .jerseynumber {
+  text-transform: uppercase;
+  font-weight: light;
+  color: var(--bc-text-muted);
+  font-size: 0.8em;
+}
+
+.lineup-slot .jerseynumber::before {
+  content: " - ";
+}
+
+/* if lineup_entry.availabilityStatusCode == 2
+		i.bi.bi-question-circle-fill.text-info.u-spaceRightXs
+else if lineup_entry.availabilityStatusCode == 1
+		i.bi.bi-check-circle-fill.text-success.u-spaceRightXs
+else if lineup_entry.availabilityStatusCode == 0
+		i.bi.bi-x-circle-fill.text-danger.u-spaceRightXs
+else
+		i.bi.bi-question-circle.u-spaceRightXs */