From eae62a2b1cb39238461d604529374a4afb924ab3 Mon Sep 17 00:00:00 2001
From: Logan Davidson <iamlogandavidson@gmail.com>
Date: Fri, 13 Oct 2023 15:38:07 +0100
Subject: [PATCH] Make faction list responsive (#296)

Make the faction list turn into two column when the display is greater than 1400px wide.
---
 frontend/components/FactionList.module.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/components/FactionList.module.css b/frontend/components/FactionList.module.css
index 1eee5c73..b129254a 100644
--- a/frontend/components/FactionList.module.css
+++ b/frontend/components/FactionList.module.css
@@ -12,13 +12,20 @@
 }
 
 .list {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
   gap: 8px;
   padding: 8px;
 }
 
+@media (max-width: 1400px) {
+  .list {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
 .listItem {
   display: flex;
 }