From fd9065f91d4eb8ba009b4be51bbc5d4f09e07c90 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 17 Oct 2024 11:27:06 +0200
Subject: [PATCH 1/2] Fix overflow variablecard when just slightly bigger than
 mobile

---
 .../(console)/project-[project]/updateVariables.svelte     | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[project]/updateVariables.svelte b/src/routes/(console)/project-[project]/updateVariables.svelte
index fcf3cb06e..e8d2c17b3 100644
--- a/src/routes/(console)/project-[project]/updateVariables.svelte
+++ b/src/routes/(console)/project-[project]/updateVariables.svelte
@@ -196,7 +196,7 @@
         </p>
     {/if}
     <svelte:fragment slot="aside">
-        <div class="u-flex u-flex-vertical-mobile u-main-space-between u-gap-16">
+        <div class="u-flex u-flex-vertical-mobile u-main-space-between u-gap-16 header-wrap">
             <ul class="buttons-list">
                 <li class="buttons-list-item padding-start">
                     <Button text on:click={() => (showEditorModal = true)}>
@@ -240,7 +240,7 @@
                 {/if}
                 <Table noMargin noStyles>
                     <TableHeader>
-                        <TableCellHead width={180}>Key</TableCellHead>
+                        <TableCellHead width={100}>Key</TableCellHead>
                         <TableCellHead width={180}>Value</TableCellHead>
                         <TableCellHead width={40} />
                     </TableHeader>
@@ -377,6 +377,9 @@
 {/if}
 
 <style>
+    .header-wrap {
+        flex-wrap: wrap;
+    }
     .padding-start {
         margin-left: -1rem;
     }

From 510239a18d0eb5641c0ac7d987d797d1dfa3a043 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 17 Oct 2024 14:16:26 +0200
Subject: [PATCH 2/2] Fix comment

---
 .../(console)/project-[project]/updateVariables.svelte       | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[project]/updateVariables.svelte b/src/routes/(console)/project-[project]/updateVariables.svelte
index e8d2c17b3..3336648f0 100644
--- a/src/routes/(console)/project-[project]/updateVariables.svelte
+++ b/src/routes/(console)/project-[project]/updateVariables.svelte
@@ -196,7 +196,7 @@
         </p>
     {/if}
     <svelte:fragment slot="aside">
-        <div class="u-flex u-flex-vertical-mobile u-main-space-between u-gap-16 header-wrap">
+        <div class="u-flex u-flex-vertical-mobile u-main-space-between u-gap-16 u-flex-wrap">
             <ul class="buttons-list">
                 <li class="buttons-list-item padding-start">
                     <Button text on:click={() => (showEditorModal = true)}>
@@ -377,9 +377,6 @@
 {/if}
 
 <style>
-    .header-wrap {
-        flex-wrap: wrap;
-    }
     .padding-start {
         margin-left: -1rem;
     }