From 56b23a4f6fcf0f2181c411f069f398e0c533618b Mon Sep 17 00:00:00 2001
From: Dan Griffiths <dgriffiths@widgitlabs.com>
Date: Sun, 12 Jan 2025 02:06:33 -0600
Subject: [PATCH] Flatten CSS

Signed-off-by: Dan Griffiths <dgriffiths@widgitlabs.com>
---
 .../DispatchTable/DispatchTable.module.scss   | 141 +++++++++---------
 1 file changed, 69 insertions(+), 72 deletions(-)

diff --git a/src/components/DispatchTable/DispatchTable.module.scss b/src/components/DispatchTable/DispatchTable.module.scss
index 64f819f0..e7e4a34b 100644
--- a/src/components/DispatchTable/DispatchTable.module.scss
+++ b/src/components/DispatchTable/DispatchTable.module.scss
@@ -5,7 +5,6 @@
   --table-border-color: #3C3C3C;
 }
 
-
 .table {
   min-width: 100%;
   margin-bottom: 0.5rem;
@@ -15,53 +14,53 @@
   background-color: $black;
   border-spacing: 0;
   border-collapse: collapse;
+}
 
-  thead {
-    background-color: $black-darkened;
+.table thead {
+  background-color: $black-darkened;
+}
 
-    > tr > th {
-      padding: 4px 8px;
+.table th {
+  padding: 4px 8px;
 
-      border: 1px solid var(--table-border-color);
-      border-top: 0;
-      border-bottom-width: 2px;
+  border: 1px solid var(--table-border-color);
+  border-top: 0;
+  border-bottom-width: 2px;
 
-      text-align: left;
-      vertical-align: bottom;
-    }
-  }
+  text-align: left;
+  vertical-align: bottom;
+}
 
-  tbody > tr > td {
-    max-width: 300px;
-    padding: 0.8rem;
+.table td {
+  max-width: 300px;
+  padding: 0.8rem;
 
-    border: 1px solid var(--table-border-color);
+  border: 1px solid var(--table-border-color);
 
-    line-height: 27px;
+  line-height: 27px;
 
-    vertical-align: middle;
+  vertical-align: middle;
+}
 
-    &.rescueRowFocus {
-      height: 4rem;
-      padding: 0.4rem;
+.rescueRowFocus {
+  height: 4rem;
+  padding: 0.4rem;
+}
 
-      :global(.button) {
-        display: inline-flex;
+.rescueRowFocus :global(.button) {
+  display: inline-flex;
 
-        align-items: center;
+  align-items: center;
 
-        justify-content: center;
+  justify-content: center;
 
-        width: 100%;
-        height: 100%;
+  width: 100%;
+  height: 100%;
+}
 
-        svg {
-          align-items: baseline;
-          vertical-align: middle;
-        }
-      }
-    }
-  }
+.rescueRowFocus :global(.button) svg {
+  align-items: baseline;
+  vertical-align: middle;
 }
 
 .codeRed {
@@ -77,62 +76,60 @@
   display: flex;
 
   align-items: flex-start;
+}
 
-  .cmdrName {
-    flex-grow: 1;
-  }
+.cmdrName {
+  flex-grow: 1;
 }
 
-.platform {
-  .platformBadge {
-    order: 1;
+.platformBadge {
+  order: 1;
 
-    width: 100%;
+  width: 100%;
 
-    color: $white;
+  color: $white;
 
-    text-align: center;
+  text-align: center;
+}
 
-    &.horizons3 > .platformBadgeLabel {
-      background-color: $magenta-dark3;
-    }
+.horizons3 > .platformBadgeLabel {
+  background-color: $magenta-dark3;
+}
 
-    &.horizons4 > .platformBadgeLabel {
-      background-color: $blue-dark3;
-    }
+.horizons4 > .platformBadgeLabel {
+  background-color: $blue-dark3;
+}
 
-    &.odyssey > .platformBadgeLabel {
-      background-color: $gold-dark2;
-    }
+.odyssey > .platformBadgeLabel {
+  background-color: $gold-dark2;
+}
 
-    &.ps > .platformBadgeLabel {
-      background-color: $xbox-green-light;
-    }
+.ps > .platformBadgeLabel {
+  background-color: $xbox-green-light;
+}
 
-    &.xb > .platformBadgeLabel {
-      background-color: $playstation-blue-light3;
-    }
+.xb > .platformBadgeLabel {
+  background-color: $playstation-blue-light3;
+}
 
-    > .platformBadgeIcon {
-      display: inline-block;
+.platformBadgeIcon {
+  display: inline-block;
 
-      width: 27px;
+  width: 27px;
 
-      background-color: $black-lightened;
+  background-color: $black-lightened;
+}
 
-      > svg {
-        height: 12px;
-      }
-    }
+.platformBadgeIcon > svg {
+  height: 12px;
+}
 
-    > .platformBadgeLabel {
-      display: inline-block;
+.platformBadgeLabel {
+  display: inline-block;
 
-      width: calc(100% - 27px);
+  width: calc(100% - 27px);
 
-      background-color: $red;
-    }
-  }
+  background-color: $red;
 }
 
 .queueLength {