From b5e0a5201806801213ec9badc52fb3ce8da72d19 Mon Sep 17 00:00:00 2001
From: GouadriaHanen <49310007+GouadriaHanen@users.noreply.github.com>
Date: Wed, 13 Mar 2024 12:36:20 +0100
Subject: [PATCH] fix: fix displaying kudos number selector - EXO-69894 -
 Meeds-io/meeds#1774 (#472)

before this change, a bad display of the number of kudos per period so It's impossible to indicate and modify it
After this change, the UI issue is fixed, and the number of kudos per period is well-displayed
---
 .../vue-app/kudos-admin/components/settings/AdminForm.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue b/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue
index 3de70de2b..1fac90faa 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue
@@ -25,7 +25,7 @@
       {{ $t('kudos.administration.label') }}
     </div>
     <div class="d-flex flex-row kudosPeriodConfiguration">
-      <div class="flex-grow-1 flex-shrink-1">
+      <div class="flex-grow-1 flex-shrink-1 col-2 pa-0">
         <v-text-field
           v-model="kudosPerPeriod"
           type="number"
@@ -43,7 +43,7 @@
         <select
           id="applicationToolbarFilterSelect"
           v-model="kudosPeriodType"
-          class="ignore-vuetify-classes my-auto">
+          class="ignore-vuetify-classes my-auto col-12 py-0">
           <option
             v-for="item in periods"
             :key="item.value"