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,11 +17,11 @@
         </q-btn>
       </div>
     </div>
-
-
     <q-slide-transition>
-      <div v-show="showAnswer" class="text-body q-py-md text-grey-9">
-        {{ $t(answer) }}
+      <div v-if="showAnswer">
+        <div class="text-body text-grey-9 q-pb-md">
+          {{ $t(answer) }}
+        </div>
       </div> 
     </q-slide-transition>
   

src/css/app.scss

@@ -31,7 +31,7 @@ body, html, #q-app {
 }
 
 :root {
-  --body-width: 1440px;
+  --body-width: 1240px;
   --logo-color-bg-white: grey;
   --base-radius: 24px;
 }