feat: refine current match live feed

frontend/assets/css/styles.css

@@ -617,7 +617,7 @@ h2 {
 }
 
 .server-card__top--stats {
-  align-items: stretch;
+  align-items: flex-start;
   gap: 18px;
 }
 
@@ -669,9 +669,10 @@ h2 {
 
 .server-card__actions {
   margin: 0;
-  width: 100%;
   display: flex;
-  flex-direction: column;
+  align-items: flex-end;
+  align-self: end;
+  flex-wrap: wrap;
   gap: 8px;
   justify-content: flex-end;
 }
@@ -680,7 +681,7 @@ h2 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
+  width: auto;
   max-width: 100%;
   min-height: 42px;
   min-width: 136px;
@@ -742,6 +743,14 @@ h2 {
   gap: 12px;
 }
 
+.server-card__bottom {
+  display: grid;
+  grid-template-columns: minmax(0, 280px) minmax(272px, 1fr);
+  align-items: end;
+  justify-content: space-between;
+  gap: 16px;
+}
+
 .server-card__quickfact {
   min-width: 0;
   padding: 12px 14px;
@@ -1019,13 +1028,17 @@ h2 {
   }
 
   .server-card__actions {
-    justify-content: start;
+    justify-content: flex-start;
   }
 
   .server-card__quickfacts {
     grid-template-columns: 1fr;
   }
 
+  .server-card__bottom {
+    grid-template-columns: 1fr;
+  }
+
   .clan-card__brand {
     grid-template-columns: 1fr;
     justify-items: start;