From 8a0e57578c53f33974e5fa4ec9e7186996bc8cfa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krzysztof=20=C5=BBuraw?=
 <9116238+krzysztofzuraw@users.noreply.github.com>
Date: Thu, 2 Mar 2023 13:57:45 +0100
Subject: [PATCH] Fix app list layout on tablet (#3255)

---
 .../components/InstalledAppListRow/AppManifestUrl.tsx     | 8 +++++---
 .../InstalledAppListRow/InstalledAppListRow.tsx           | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/new-apps/components/InstalledAppListRow/AppManifestUrl.tsx b/src/new-apps/components/InstalledAppListRow/AppManifestUrl.tsx
index da26f27ab..aa2b8afdb 100644
--- a/src/new-apps/components/InstalledAppListRow/AppManifestUrl.tsx
+++ b/src/new-apps/components/InstalledAppListRow/AppManifestUrl.tsx
@@ -28,9 +28,11 @@ export const AppManifestUrl: React.FC<AppManifestUrlProps> = ({
       }}
     >
       <Tooltip title={manifestUrl} header="App Manifest URL">
-        <Text variant="caption" color="textNeutralSubdued">
-          {new URL(manifestUrl).host}
-        </Text>
+        <Box __maxWidth="300px" className="ellipsis">
+          <Text variant="caption" color="textNeutralSubdued">
+            {new URL(manifestUrl).host}
+          </Text>
+        </Box>
       </Tooltip>
       <CopyIcon
         color="iconNeutralSubdued"
diff --git a/src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx b/src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx
index 067e9cea2..56c7d32d3 100644
--- a/src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx
+++ b/src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx
@@ -47,10 +47,10 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
         backgroundColor={!app.isActive ? "surfaceNeutralSubdued" : undefined}
       >
         <Box
-          display="flex"
-          justifyContent={{ mobile: "space-between", desktop: "flex-start" }}
           gap={5}
           alignItems="center"
+          display="grid"
+          __gridTemplateColumns="1fr auto"
         >
           <AppAvatar logo={logo} />
           <Box