fix form field size

2 years ago · a7221f0750
parent 9a5b2a5d30
commit a7221f0750
1 changed files with 5 additions and 2 deletions
--- a/app/javascript/submission_form/form.vue
+++ b/app/javascript/submission_form/form.vue
@ -40,13 +40,16 @@
        :height="20"
      />
    </button>
-    <div>
+    <div
+      :class="{ 'md:px-4': isBreakpointMd }"
+    >
      <form
        v-if="!isCompleted"
        ref="form"
        :action="submitPath"
        method="post"
-        :class="{ 'md:mx-16': isBreakpointMd }"
+        class="mx-auto"
+        :style="{ maxWidth: isBreakpointMd ? '582px' : '' }"
        @submit.prevent="submitStep"
      >
        <input