From 6b0d9fbbfb16158fccc936097e900ae7eb0a89a6 Mon Sep 17 00:00:00 2001
From: Jason Henriquez <jasonhenriquez@protonmail.com>
Date: Thu, 20 Jun 2024 22:42:10 -0500
Subject: [PATCH] Adjust list styling to have fixed width for large viewport
 widths

---
 src/renderer/components/ft-auto-grid/ft-auto-grid.css | 6 ++++++
 src/renderer/scss-partials/_ft-list-item.scss         | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/src/renderer/components/ft-auto-grid/ft-auto-grid.css b/src/renderer/components/ft-auto-grid/ft-auto-grid.css
index d871312225492..d6acdeff4399d 100644
--- a/src/renderer/components/ft-auto-grid/ft-auto-grid.css
+++ b/src/renderer/components/ft-auto-grid/ft-auto-grid.css
@@ -10,6 +10,12 @@
   grid-gap: 4px;
 }
 
+@media (width >= 1514px) {
+  .autoList {
+    justify-content: center;
+  }
+}
+
 /* Cap grid column width at 5 for larger viewports */
 @media (width >= 1605px) {
   .autoGrid {
diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
index c6f6a5d7af513..751a05c9b2521 100644
--- a/src/renderer/scss-partials/_ft-list-item.scss
+++ b/src/renderer/scss-partials/_ft-list-item.scss
@@ -311,6 +311,10 @@ $watched-transition-duration: 0.5s;
     .info .description {
       margin-inline-end: 10px;
     }
+
+    @media only screen and (width >= 1514px) {
+      inline-size: 1250px;
+    }
   }
 
   &.grid {