From b62bd200edbcc8c088e15caf191dfb19fb616898 Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete@docuseal.co>
Date: Thu, 10 Oct 2024 13:03:46 +0300
Subject: [PATCH] fix layout

---
 app/views/submit_form/show.html.erb      |  7 ++++---
 app/views/templates/_submission.html.erb | 18 ++++++++++--------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/app/views/submit_form/show.html.erb b/app/views/submit_form/show.html.erb
index 29c2651f..eb6c0b00 100644
--- a/app/views/submit_form/show.html.erb
+++ b/app/views/submit_form/show.html.erb
@@ -21,12 +21,13 @@
               <% end %>
             </div>
             <download-button data-src="<%= submit_form_download_index_path(@submitter.slug) %>" class="btn btn-neutral text-white btn-sm !px-4">
-              <span class="flex items-center justify-center space-x-2" data-target="download-button.defaultButton">
-                <span><%= t('download') %></span>
+              <span class="flex items-center justify-center" data-target="download-button.defaultButton">
+                <%= svg_icon('download', class: 'w-6 h-6 inline md:hidden') %>
+                <span class="hidden md:inline"><%= t('download') %></span>
               </span>
               <span class="flex items-center justify-center space-x-2 hidden" data-target="download-button.loadingButton">
                 <%= svg_icon('loader', class: 'w-6 h-6 animate-spin') %>
-                <span><%= t('downloading') %></span>
+                <span class="hidden md:inline"><%= t('downloading') %></span>
               </span>
             </download-button>
           </div>
diff --git a/app/views/templates/_submission.html.erb b/app/views/templates/_submission.html.erb
index 01f17a76..1ba69fb1 100644
--- a/app/views/templates/_submission.html.erb
+++ b/app/views/templates/_submission.html.erb
@@ -80,14 +80,16 @@
           </div>
         <% elsif !submission.archived_at? && !template.archived_at? && !submission.expired? && !submitter.declined_at? %>
           <% if current_user.email == submitter.email %>
-            <a href="<%= submit_form_url(slug: submitter.slug) %>" data-turbo="false" target="_blank" class="btn btn-sm btn-neutral btn-outline bg-white w-full md:w-36 flex z-[1]">
-              <span class="flex items-center justify-center space-x-1 md:space-x-2">
-                <% if t('sign_now').length < 12 %>
-                  <%= svg_icon('writing_sign', class: 'w-4 h-4 stroke-2') %>
-                <% end %>
-                <span class="inline shrink-0"><%= t('sign_now') %></span>
-              </span>
-            </a>
+            <div class="flex-1 md:flex-none md:w-36 flex">
+              <a href="<%= submit_form_url(slug: submitter.slug) %>" data-turbo="false" target="_blank" class="btn btn-sm btn-neutral btn-outline bg-white w-full md:w-36 flex z-[1]">
+                <span class="flex items-center justify-center space-x-1 md:space-x-2">
+                  <% if t('sign_now').length < 12 %>
+                    <%= svg_icon('writing_sign', class: 'w-4 h-4 stroke-2') %>
+                  <% end %>
+                  <span class="inline shrink-0"><%= t('sign_now') %></span>
+                </span>
+              </a>
+            </div>
           <% else %>
             <div class="flex-1 md:flex-none">
               <%= render 'shared/clipboard_copy', text: submit_form_url(slug: submitter.slug), class: 'btn btn-sm btn-neutral text-white md:w-36 flex z-[1]', icon_class: 'w-6 h-6 text-white', copy_title: t('copy_link').length < 10 ? t('copy_link') : t('copy'), copy_title_md: t('copy'), copied_title_md: t('copied') %>