From 8da326926b7ba14c5c34dfba222cb7db234366ce Mon Sep 17 00:00:00 2001
From: Alexander Matyushentsev <Alexander_Matyushentsev@intuit.com>
Date: Tue, 30 Jul 2019 17:14:15 -0700
Subject: [PATCH] Make sure applications page has 4 tiles on very large screen
 (#2059)

---
 .../components/applications-list/applications-tiles.tsx         | 2 +-
 ui/yarn.lock                                                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/applications/components/applications-list/applications-tiles.tsx b/ui/src/app/applications/components/applications-list/applications-tiles.tsx
index a3930c24de..e66e69afdb 100644
--- a/ui/src/app/applications/components/applications-list/applications-tiles.tsx
+++ b/ui/src/app/applications/components/applications-list/applications-tiles.tsx
@@ -20,7 +20,7 @@ export interface ApplicationTilesProps {
 export const ApplicationTiles = ({applications, syncApplication, refreshApplication, deleteApplication}: ApplicationTilesProps) => (
     <Consumer>
     {(ctx) => (
-    <div className='applications-tiles argo-table-list argo-table-list--clickable row small-up-1 medium-up-2 large-up-3'>
+    <div className='applications-tiles argo-table-list argo-table-list--clickable row small-up-1 medium-up-2 large-up-3 xxxlarge-up-4'>
         {applications.map((app) => (
             <div key={app.metadata.name} className='column column-block'>
                 <div className={`argo-table-list__row
diff --git a/ui/yarn.lock b/ui/yarn.lock
index 775f5996c6..b52525ad22 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -887,7 +887,7 @@ are-we-there-yet@~1.1.2:
 
 "argo-ui@https://github.com/argoproj/argo-ui.git":
   version "1.0.0"
-  resolved "https://github.com/argoproj/argo-ui.git#ce081c277c4f5d51a5f5173fddc5dc9e486aeb33"
+  resolved "https://github.com/argoproj/argo-ui.git#7c6a57447d54b2487609e727132e188678b43106"
   dependencies:
     "@fortawesome/fontawesome-free" "^5.8.1"
     "@tippy.js/react" "^2.1.2"