From 444ef629a0ccbede564e6b81265d6b3f4ca073c9 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Wed, 22 Jan 2025 15:54:28 +0100
Subject: [PATCH] Fix NA button position [SCi-11424]

---
 app/javascript/vue/forms/field.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/javascript/vue/forms/field.vue b/app/javascript/vue/forms/field.vue
index 0503ea6e8..e4f94a4d3 100644
--- a/app/javascript/vue/forms/field.vue
+++ b/app/javascript/vue/forms/field.vue
@@ -1,6 +1,6 @@
 <template>
-<div class="p-4 rounded bg-white text-sm flex flex-wrap mb-2 gap-x-6 gap-y-2">
-  <div class="grow overflow-hidden">
+<div class="p-4 rounded bg-white text-sm mb-2">
+  <div class="grow">
     <div class="font-bold">
       {{ field.attributes.name }}
       <span v-if="unit">({{ unit }})</span>
@@ -14,12 +14,11 @@
                  :field="field" :marked_as_na="markAsNa" @save="saveValue" @validChanged="checkValidField" />
     </div>
   </div>
-  <div class="flex items-end">
+  <div v-if="field.attributes.allow_not_applicable" class="flex items-end mt-2">
     <button class="btn btn-secondary mb-0.5"
             :disabled="disabled"
             :class="{
-              '!bg-sn-super-light-blue !border-sn-blue': markAsNa && !disabled,
-              'opacity-0 pointer-events-none !h-0': !field.attributes.allow_not_applicable
+              '!bg-sn-super-light-blue !border-sn-blue': markAsNa && !disabled
             }"
             @click="markAsNa = !markAsNa">
       <div class="w-4 h-4  border rounded-sm flex items-center justify-center"