From 69645eafd0a6cc1c43e96147a3d4c38cc3224b7b Mon Sep 17 00:00:00 2001
From: "Adrian O.V" <83074853+CodexAdrian@users.noreply.github.com>
Date: Thu, 3 Aug 2023 00:36:43 -0400
Subject: [PATCH] Fix width of card (#416)

---
 theseus_gui/src/components/RowDisplay.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/theseus_gui/src/components/RowDisplay.vue b/theseus_gui/src/components/RowDisplay.vue
index 814255f4..78946829 100644
--- a/theseus_gui/src/components/RowDisplay.vue
+++ b/theseus_gui/src/components/RowDisplay.vue
@@ -205,7 +205,7 @@ const calculateCardsPerRow = () => {
   const containerWidthInRem =
     containerWidth / parseFloat(getComputedStyle(document.documentElement).fontSize)
   maxInstancesPerRow.value = Math.floor((containerWidthInRem + 1) / 11)
-  maxProjectsPerRow.value = Math.floor((containerWidthInRem + 1) / 17)
+  maxProjectsPerRow.value = Math.floor((containerWidthInRem + 1) / 19)
 }
 
 onMounted(() => {
@@ -335,7 +335,7 @@ onUnmounted(() => {
   .projects {
     display: grid;
     width: 100%;
-    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
     grid-gap: 1rem;
 
     .item {