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

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

@@ -19,8 +19,8 @@ html, body {
 }
 
 body {
-  margin: 15vh auto 0;
-  width: 32vw;
+  margin: 10vh auto 0;
+  width: 35vw;
   color: white;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   font-size: 1em;
@@ -49,13 +49,23 @@ h2 {
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
-  margin-bottom: 1.5em;
+  margin-bottom: 1em;
   padding: 1em 1em 0;
 }
 
+.factions {
+  position: -webkit-sticky;
+  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;
   background-color: rgba(0, 0, 0, 0.75);
@@ -74,7 +84,7 @@ table {
 table th {
   position: -webkit-sticky;
   position: sticky;
-  top: 0;
+  top: 3em;
   text-align: left;
   z-index: 2;
   background-color: black;
@@ -203,18 +213,6 @@ ol.inline.stats {
           justify-content: center;
 }
 
-ol.inline.stats:first-of-type {
-  margin-top: 1em !important;
-}
-
-ol.inline.stats:last-of-type {
-  margin-bottom: 1em;
-}
-
-ol.inline.stats:not(:last-of-type) {
-  margin-bottom: .125em;
-}
-
 ol.inline.stats abbr {
   text-decoration: none;
 }