From 469e1670c24964e495af5247038581d0a5250062 Mon Sep 17 00:00:00 2001
From: Laszlo Fogas <laszlo@gimlet.io>
Date: Sun, 17 Mar 2024 20:52:09 +0100
Subject: [PATCH] fix: displaying 6 envs at most in the footer

---
 web/dashboard/src/views/footer/footer.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/dashboard/src/views/footer/footer.jsx b/web/dashboard/src/views/footer/footer.jsx
index be8ca24d0..2f75b3d7f 100644
--- a/web/dashboard/src/views/footer/footer.jsx
+++ b/web/dashboard/src/views/footer/footer.jsx
@@ -120,8 +120,8 @@ function CollapsedFooter(props) {
   const { connectedAgents } = props
 
   return (
-    <div className="grid grid-cols-3">
-      {Object.keys(connectedAgents).slice(0,3).map(envName => {
+    <div className="grid grid-cols-6 space-x-4">
+      {Object.keys(connectedAgents).slice(0,6).map(envName => {
         const fluxState = connectedAgents[envName].fluxState;
 
         if (!fluxState) {
@@ -132,7 +132,7 @@ function CollapsedFooter(props) {
           <div className="w-full truncate" key={envName}>
             <p className="font-semibold text-neutral-700">
               {`${envName.toUpperCase()}`}:
-              <span className='ml-2'>
+              <span className='ml-1'>
                 <Summary resources={fluxState.gitRepositories} label="SOURCES" simple={true} />
                 <Summary resources={fluxState.kustomizations} label="KUSTOMIZATIONS" simple={true}  />
                 <Summary resources={fluxState.helmReleases} label="HELM-RELEASES" simple={true}  />