From 1134f320292da37692f262b41123a55663e97bf3 Mon Sep 17 00:00:00 2001
From: bsilkyn <brent.silkyn@ugent.be>
Date: Thu, 23 May 2024 23:26:40 +0200
Subject: [PATCH 1/5] chore: make buttons auto-adjust width in admin panel

---
 frontend/src/views/admin/DockerImagesView.vue | 4 ++--
 frontend/src/views/admin/UsersView.vue        | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/admin/DockerImagesView.vue b/frontend/src/views/admin/DockerImagesView.vue
index 2c4c1d67..ded674ce 100644
--- a/frontend/src/views/admin/DockerImagesView.vue
+++ b/frontend/src/views/admin/DockerImagesView.vue
@@ -199,7 +199,7 @@ const onSelect = (selected: any[] | null): void => {
                                 <InputText v-model="filter['search']" :placeholder="t('admin.search.general')" />
                             </IconField>
                         </div>
-                        <Button class="w-1 mb-3 gap-3" :disabled="multiRemove" @click="toggleSafetyGuardMultiRemove">
+                        <Button class="w-auto mb-3 gap-3 justify-content-center" :disabled="multiRemove" @click="toggleSafetyGuardMultiRemove">
                             {{ t('admin.delete') }}
                         </Button>
                     </template>
@@ -238,7 +238,7 @@ const onSelect = (selected: any[] | null): void => {
                     </Column>
                     <Column key="remove" :header-style="{ width: '11%' }" class="p-col">
                         <template #body="{ data }">
-                            <Button @click="() => toggleSafetyGuardRemove(data)" class="justify-content-center">
+                            <Button @click="() => toggleSafetyGuardRemove(data)" class="justify-content-center w-auto">
                                 {{ t('admin.delete') }}
                             </Button>
                         </template>
diff --git a/frontend/src/views/admin/UsersView.vue b/frontend/src/views/admin/UsersView.vue
index 9304da85..ed505489 100644
--- a/frontend/src/views/admin/UsersView.vue
+++ b/frontend/src/views/admin/UsersView.vue
@@ -209,9 +209,9 @@ const saveItem = async (): Promise<void> => {
                 </Column>
                 <Column :header-style="{ width: '12%' }" class="p-col">
                     <template #body="{ data }">
-                        <Button @click="() => showPopup(data)" class="justify-content-center">{{
-                            t('admin.edit')
-                        }}</Button>
+                        <Button @click="() => showPopup(data)" class="justify-content-center w-auto">
+                            {{ t('admin.edit') }}
+                        </Button>
                     </template>
                 </Column>
             </LazyDataTable>

From b830ca2442d160ca23385d6db7353303bbc81294 Mon Sep 17 00:00:00 2001
From: bsilkyn <brent.silkyn@ugent.be>
Date: Thu, 23 May 2024 23:27:05 +0200
Subject: [PATCH 2/5] chore: hopefully prevent pressing enter in structure
 checks from submitting the form

---
 frontend/src/components/projects/ProjectStructureEditor.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/components/projects/ProjectStructureEditor.vue b/frontend/src/components/projects/ProjectStructureEditor.vue
index bdbcebd3..5d935787 100644
--- a/frontend/src/components/projects/ProjectStructureEditor.vue
+++ b/frontend/src/components/projects/ProjectStructureEditor.vue
@@ -114,6 +114,7 @@ function selectStructureCheck(node: TreeNode): void {
                         separator=","
                         :model-value="node.data.getObligatedExtensionList()"
                         @update:model-value="node.data.setObligatedExtensionList($event)"
+                        @keydown.enter="() => null"
                         v-tooltip="t('views.projects.structureChecks.obligatedExtensions')"
                     >
                         <template #chip="{ value }">
@@ -127,6 +128,7 @@ function selectStructureCheck(node: TreeNode): void {
                         separator=","
                         :model-value="node.data.getBlockedExtensionList()"
                         @update:model-value="node.data.setBlockedExtensionList($event)"
+                        @keydown.enter="() => null"
                         v-tooltip="t('views.projects.structureChecks.blockedExtensions')"
                     >
                         <template #chip="{ value }">

From 284df60e0a3bfbaf9d9867aa49db2bbbee484c24 Mon Sep 17 00:00:00 2001
From: bsilkyn <brent.silkyn@ugent.be>
Date: Thu, 23 May 2024 23:28:17 +0200
Subject: [PATCH 3/5] style: lint fix

---
 frontend/src/views/admin/DockerImagesView.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/admin/DockerImagesView.vue b/frontend/src/views/admin/DockerImagesView.vue
index ded674ce..68519491 100644
--- a/frontend/src/views/admin/DockerImagesView.vue
+++ b/frontend/src/views/admin/DockerImagesView.vue
@@ -199,7 +199,11 @@ const onSelect = (selected: any[] | null): void => {
                                 <InputText v-model="filter['search']" :placeholder="t('admin.search.general')" />
                             </IconField>
                         </div>
-                        <Button class="w-auto mb-3 gap-3 justify-content-center" :disabled="multiRemove" @click="toggleSafetyGuardMultiRemove">
+                        <Button
+                            class="w-auto mb-3 gap-3 justify-content-center"
+                            :disabled="multiRemove"
+                            @click="toggleSafetyGuardMultiRemove"
+                        >
                             {{ t('admin.delete') }}
                         </Button>
                     </template>

From 84cd75a987c3c9e1ffc8fec313a77914e15ad5c4 Mon Sep 17 00:00:00 2001
From: tyboro2002 <verslypetybo@hotmail.com>
Date: Fri, 24 May 2024 13:53:36 +0200
Subject: [PATCH 4/5] chore: fix resloution

---
 frontend/src/views/admin/DockerImagesView.vue | 2 +-
 frontend/src/views/admin/UsersView.vue        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/admin/DockerImagesView.vue b/frontend/src/views/admin/DockerImagesView.vue
index 68519491..68fd14b5 100644
--- a/frontend/src/views/admin/DockerImagesView.vue
+++ b/frontend/src/views/admin/DockerImagesView.vue
@@ -171,7 +171,7 @@ const onSelect = (selected: any[] | null): void => {
         <Title>
             <div class="gap-3 mb-3">{{ t('admin.dockerImages.title') }}</div>
         </Title>
-        <Body class="w-full">
+        <Body>
             <SelectButton
                 class="mb-3 gap-3 w-3"
                 v-model="selectedOption"
diff --git a/frontend/src/views/admin/UsersView.vue b/frontend/src/views/admin/UsersView.vue
index ed505489..1bd40aa3 100644
--- a/frontend/src/views/admin/UsersView.vue
+++ b/frontend/src/views/admin/UsersView.vue
@@ -156,7 +156,7 @@ const saveItem = async (): Promise<void> => {
         <Title>
             {{ t('admin.users.title') }}
         </Title>
-        <Body class="w-full">
+        <Body>
             <LazyDataTable
                 :pagination="pagination"
                 :entities="users"

From 518cb1897340925c08bb110dd231e4379d03f6a8 Mon Sep 17 00:00:00 2001
From: bsilkyn <brent.silkyn@ugent.be>
Date: Fri, 24 May 2024 14:33:03 +0200
Subject: [PATCH 5/5] fix: pressing enter in chips of structure check doesn't
 submit form

---
 frontend/src/components/projects/ProjectStructureEditor.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/projects/ProjectStructureEditor.vue b/frontend/src/components/projects/ProjectStructureEditor.vue
index 5d935787..1aa37cc8 100644
--- a/frontend/src/components/projects/ProjectStructureEditor.vue
+++ b/frontend/src/components/projects/ProjectStructureEditor.vue
@@ -114,7 +114,7 @@ function selectStructureCheck(node: TreeNode): void {
                         separator=","
                         :model-value="node.data.getObligatedExtensionList()"
                         @update:model-value="node.data.setObligatedExtensionList($event)"
-                        @keydown.enter="() => null"
+                        @keydown.enter="(event: KeyboardEvent) => event.preventDefault()"
                         v-tooltip="t('views.projects.structureChecks.obligatedExtensions')"
                     >
                         <template #chip="{ value }">
@@ -128,7 +128,7 @@ function selectStructureCheck(node: TreeNode): void {
                         separator=","
                         :model-value="node.data.getBlockedExtensionList()"
                         @update:model-value="node.data.setBlockedExtensionList($event)"
-                        @keydown.enter="() => null"
+                        @keydown.enter="(event: KeyboardEvent) => event.preventDefault()"
                         v-tooltip="t('views.projects.structureChecks.blockedExtensions')"
                     >
                         <template #chip="{ value }">