From 33d36b8d585b6f5d26fa3e5a9ace20a085b5e413 Mon Sep 17 00:00:00 2001
From: hensm <m+github@matt.tf>
Date: Mon, 14 Jan 2019 03:01:23 +0000
Subject: [PATCH] Oraganize bridge app list as grid

---
 docs/index.css | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/docs/index.css b/docs/index.css
index 1c9fb95..66b0c42 100755
--- a/docs/index.css
+++ b/docs/index.css
@@ -112,6 +112,7 @@ body {
     margin: 1rem 0;
 }
 
+
 .download {
     align-items: flex-end;
     display: flex;
@@ -128,20 +129,22 @@ body {
 
 .app-list {
     align-items: center;
-    display: flex;
+    column-gap: 10px;
+    display: grid;
+    grid-template-columns: min-content min-content min-content min-content;
+    grid-template-rows: min-content min-content;
     margin-top: 1rem;
+    row-gap: 5px;
 }
+
 .app-list__app {
     cursor: pointer;
-}
-.app-list__app:not(:last-child) {
-    margin-right: 0.5rem;
+    
 }
 
 .app-list__label {
     color: var(--text-color-secondary);
     font-size: 1.75rem;
-    margin-right: 1rem;
 }
 
 .app-list__app-label {
@@ -152,6 +155,10 @@ body {
     vertical-align: super;
 }
 
+.app-list__rpm {
+    grid-column-start: 4;
+}
+
 
 .preview {
     grid-area: preview;