fix style

app/javascript/submission_form/form.vue

@@ -32,7 +32,7 @@
         name="_method"
         type="hidden"
       >
-      <div class="mt-4">
+      <div class="md:mt-4">
         <div v-if="['cells', 'text'].includes(currentField.type)">
           <label
             v-if="currentField.name"
@@ -226,7 +226,7 @@
           @attached="[attachments.push($event), $refs.areas.scrollIntoField(currentField)]"
         />
       </div>
-      <div class="mt-8">
+      <div class="mt-6 md:mt-8">
         <button
           type="submit"
           class="base-button w-full flex justify-center"

app/views/submissions/show.html.erb

@@ -1,5 +1,5 @@
 <div style="max-width: 1600px" class="mx-auto pl-4">
-  <div class="flex justify-between py-1.5 items-center pr-4">
+  <div class="flex justify-between py-1.5 items-center pr-4 sticky top-0 md:relative z-10 bg-base-100">
     <a href="<%= template_path(@submission.template) %>" class="flex space-x-3 py-1">
       <span><%= render 'shared/logo', width: 40, height: 40 %></span>
       <span class="text-3xl font-semibold focus:text-clip"><%= @submission.template.name %></span>
@@ -21,7 +21,7 @@
       <% end %>
     </div>
   </div>
-  <div class="flex" style="max-height: calc(100vh - 60px)">
+  <div class="flex md:max-h-[calc(100vh-60px)]">
     <div class="overflow-y-auto overflow-x-hidden hidden lg:block w-52 flex-none pr-3 mt-0.5 pt-0.5">
       <% @submission.template.schema.each do |item| %>
         <% document = @submission.template.documents.find { |a| item['attachment_uuid'] == a.uuid } %>

app/views/templates/show.html.erb

@@ -159,7 +159,7 @@
     <div class="card-body text-center py-16">
       <div class="max-w-md mx-auto">
         <p class="text-3xl font-bold text-base-content mb-4">There are no Submissions</p>
-        <p class="text-gray-600">Send an invitation to fill and submit the documents</p>
+        <p class="text-gray-600">Send an invitation to fill and complete the form</p>
         <%= link_to new_template_submission_path(@template), class: 'base-button mt-6', data: { turbo_frame: 'modal' } do %>
           <%= svg_icon('plus', class: 'w-6 h-6 stroke-2') %>
           <span class="mr-1">Add Recipients</span>