gfd

src/components/FAQSectionItem.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="column bg-grey-4 rounded-card q-px-xl q-py-md">
-    <div class="row no-wrap items-center">
+  <div class="column bg-grey-4 rounded-card q-px-xl q-pt-md">
+    <div class="row no-wrap items-center q-pb-md">
       <div class="text-h6" style="flex-grow: 2;">
         {{ $t(question) }}
       </div>
@@ -17,12 +17,12 @@
         </q-btn>
       </div>
     </div>
-
-
     <q-slide-transition>
-      <div v-show="showAnswer" class="text-body q-py-md text-grey-9">
-        {{ $t(answer) }}
-      </div>
+      <div v-if="showAnswer">
+        <div class="text-body text-grey-9 q-pb-md">
+          {{ $t(answer) }}
+        </div>
+      </div> 
     </q-slide-transition>
   
   </div>