From e4986cda91dfe61903a11474b58731d1cae7a60e Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Tue, 3 Jun 2025 05:33:56 +0200
Subject: [PATCH] Fix responsiveness

---
 src/lib/components/git/repositories.svelte | 47 ++++++++++++----------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/src/lib/components/git/repositories.svelte b/src/lib/components/git/repositories.svelte
index 1688d5f87..b82781169 100644
--- a/src/lib/components/git/repositories.svelte
+++ b/src/lib/components/git/repositories.svelte
@@ -240,27 +240,32 @@
                                                         direction="row"
                                                         alignItems="center"
                                                         justifyContent="space-between">
-                                                        <Typography.Text
-                                                            truncate
-                                                            color="--fgcolor-neutral-secondary">
-                                                            {repo.name}
-                                                        </Typography.Text>
-                                                        {#if repo.private}
-                                                            <Icon
-                                                                size="s"
-                                                                icon={IconLockClosed}
-                                                                color="--fgcolor-neutral-tertiary" />
-                                                        {/if}
-                                                        {#if !$isSmallViewport}
-                                                            <time datetime={repo.pushedAt}>
-                                                                <Typography.Caption
-                                                                    variant="400"
-                                                                    truncate
-                                                                    color="--fgcolor-neutral-tertiary">
-                                                                    {timeFromNow(repo.pushedAt)}
-                                                                </Typography.Caption>
-                                                            </time>
-                                                        {/if}
+                                                        <Layout.Stack
+                                                            direction="row"
+                                                            gap="s"
+                                                            alignItems="center">
+                                                            <Typography.Text
+                                                                truncate
+                                                                color="--fgcolor-neutral-secondary">
+                                                                {repo.name}
+                                                            </Typography.Text>
+                                                            {#if repo.private}
+                                                                <Icon
+                                                                    size="s"
+                                                                    icon={IconLockClosed}
+                                                                    color="--fgcolor-neutral-tertiary" />
+                                                            {/if}
+                                                            {#if !$isSmallViewport}
+                                                                <time datetime={repo.pushedAt}>
+                                                                    <Typography.Caption
+                                                                        variant="400"
+                                                                        truncate
+                                                                        color="--fgcolor-neutral-tertiary">
+                                                                        {timeFromNow(repo.pushedAt)}
+                                                                    </Typography.Caption>
+                                                                </time>
+                                                            {/if}
+                                                        </Layout.Stack>
                                                         {#if action === 'button'}
                                                             <PinkButton.Button
                                                                 size="xs"