From 236d9edc75e0a5781cd87df41c7873b2bf365b83 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 13 Feb 2025 22:23:43 +0100
Subject: [PATCH] style(front): consistent inputs on edit form

---
 front/src/components/library/EditForm.vue | 27 +++++++++--------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/front/src/components/library/EditForm.vue b/front/src/components/library/EditForm.vue
index b14332f1a..fa4d9fe41 100644
--- a/front/src/components/library/EditForm.vue
+++ b/front/src/components/library/EditForm.vue
@@ -166,21 +166,25 @@ const resetField = (fieldId: string) => {
       <!--TODO: Use Section component with conditional headlines and action buttons-->
         <template v-if="showPendingReview">
           {{ t('components.library.EditForm.header.unreviewed') }}
-          <button
-            class="ui tiny basic right floated button"
+          <Button
+            class="right floated"
+            secondary
+            thin-font
             @click.prevent="showPendingReview = false"
           >
             {{ t('components.library.EditForm.button.showAll') }}
-          </button>
+          </Button>
         </template>
         <template v-else>
           {{ t('components.library.EditForm.header.recentEdits') }}
-          <button
-            class="ui tiny basic right floated button"
+          <Button
+            class="right floated"
+            secondary
+            thin-font
             @click.prevent="showPendingReview = true"
           >
             {{ t('components.library.EditForm.button.showUnreviewed') }}
-          </button>
+          </Button>
         </template>
       </div>
       <template #empty-state>
@@ -192,7 +196,7 @@ const resetField = (fieldId: string) => {
 
     <!-- Add new edits -->
 
-    <form style="display: contents;"
+    <form class="ui form" style="display: contents;"
       @submit.prevent="submit()"
     >
       <Alert red
@@ -234,7 +238,6 @@ const resetField = (fieldId: string) => {
         </template>
         <template v-else-if="fieldConfig.type === 'license'">
           <label :for="fieldConfig.id">{{ fieldConfig.label }}</label>
-
           <select
             :id="fieldConfig.id"
             ref="license"
@@ -253,14 +256,6 @@ const resetField = (fieldId: string) => {
               {{ name }}
             </option>
           </select>
-          <Button
-            tiny
-            icon="bi-x"
-            form="noop"
-            @click.prevent="values[fieldConfig.id] = null"
-          >
-            {{ t('components.library.EditForm.button.clear') }}
-          </Button>
         </template>
         <template v-else-if="fieldConfig.type === 'content'">
           <Textarea