Anpassungen an Online-Liste (Statistik nach oben, Tabelle höher und Sortierung hinzugefügt)

ReallifeGamemode.Client/assets/css/onlinelist/style.scss

@@ -9,9 +9,9 @@ html, body { margin: unset; }
 *, *:before, *:after { box-sizing: inherit; }
 
 body {
-  margin: 15vh auto 0;
+  margin: 10vh auto 0;
 
-  width: 32vw;
+  width: 35vw;
   color: white;
 
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
@@ -30,13 +30,22 @@ h2 { font-size: 1.125em; }
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  margin-bottom: 1.5em;
+  margin-bottom: 1em;
   padding: 1em 1em 0;
 }
 
+.factions {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  padding: 1em 0;
+  background-color: #404040;
+  font-size: .9em;
+}
+
 .wrapper {
-  min-height: 50vh;
-  max-height: 70vh;
+  min-height: 60vh;
+  max-height: 80vh;
   overflow-y: scroll;
   
   border-radius: .25em;
@@ -52,7 +61,7 @@ table {
 
   th {
     position: sticky;
-    top: 0;
+    top: 3em;
     text-align: left;
     z-index: 2;
 
@@ -129,10 +138,6 @@ ol.inline {
 
 ol.inline.stats {
   justify-content: center;
-  
-  &:first-of-type { margin-top: 1em !important; }
-  &:last-of-type { margin-bottom: 1em; }
-  &:not(:last-of-type) { margin-bottom: .125em; }
 
   abbr { text-decoration: none; }
-}
+}