From b2f98d719227f27788cd6c8c1cc414e562f6197d Mon Sep 17 00:00:00 2001
From: Luca Stocchi <49404737+lstocchi@users.noreply.github.com>
Date: Thu, 11 Jul 2024 14:35:50 +0200
Subject: [PATCH] fix: text overlay on dashboard card (#8032)

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

diff --git a/packages/renderer/src/lib/dashboard/ProviderCard.svelte b/packages/renderer/src/lib/dashboard/ProviderCard.svelte
index 83bbc8076ec..f36a9646d7a 100644
--- a/packages/renderer/src/lib/dashboard/ProviderCard.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderCard.svelte
@@ -13,15 +13,15 @@ export let provider: ProviderInfo;
   role="region"
   aria-label="{provider.name} Provider">
   <div class="flex flex-col xl:flex-row gap-x-4">
-    <div class="grid grid-cols-[3rem_1fr] w-1/4 gap-2">
+    <div class="grid grid-cols-[3rem_1fr] w-full xl:w-1/4 gap-2">
       <IconImage image="{provider?.images?.icon}" class="mx-0 max-h-12" alt="{provider.name}"></IconImage>
       <div
         class="flex flex-col gap-0 text-[var(--pd-content-card-title)] text-lg whitespace-nowrap"
         aria-label="context-name">
-        <div class="flex flex-row gap-1 items-center">
-          {provider.name}
+        <div class="gap-1 items-center">
+          <span class="float-left mr-1">{provider.name}</span>
           {#if provider.version}
-            <div class="text-[var(--pd-content-card-light-title)] text-base" aria-label="Provider Version">
+            <div class="text-[var(--pd-content-card-light-title)] text-base float-left" aria-label="Provider Version">
               v{provider.version}
             </div>
           {/if}