From 6c77ef65ebabccdf08e6ef4757022fd553044485 Mon Sep 17 00:00:00 2001
From: Luca Stocchi <49404737+lstocchi@users.noreply.github.com>
Date: Wed, 10 Jul 2024 09:57:13 +0200
Subject: [PATCH] fix: update media queries to prevent install button to
 overflow card (#8002)

Signed-off-by: lstocchi <lstocchi@redhat.com>
---
 packages/renderer/src/lib/dashboard/ProviderCard.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/renderer/src/lib/dashboard/ProviderCard.svelte b/packages/renderer/src/lib/dashboard/ProviderCard.svelte
index 0e3b884d378..83bbc8076ec 100644
--- a/packages/renderer/src/lib/dashboard/ProviderCard.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderCard.svelte
@@ -12,7 +12,7 @@ export let provider: ProviderInfo;
   class="flex bg-[var(--pd-content-card-bg)] rounded-md p-5 gap-3 flex-col flex-nowrap"
   role="region"
   aria-label="{provider.name} Provider">
-  <div class="flex flex-col lg:flex-row gap-x-4">
+  <div class="flex flex-col xl:flex-row gap-x-4">
     <div class="grid grid-cols-[3rem_1fr] w-1/4 gap-2">
       <IconImage image="{provider?.images?.icon}" class="mx-0 max-h-12" alt="{provider.name}"></IconImage>
       <div
@@ -34,7 +34,7 @@ export let provider: ProviderInfo;
         </div>
       </div>
     </div>
-    <div class="flex items-center flex-row space-x-10 mt-5 w-full lg:mt-0 lg:w-3/4 flex-nowrap">
+    <div class="flex items-center flex-row space-x-10 mt-5 w-full xl:mt-0 xl:w-3/4 flex-nowrap">
       <slot name="content" />
     </div>
   </div>