adjust mobile tables

app/views/esign_settings/_default_signature_row.html.erb

@@ -1,20 +1,22 @@
 <% unless turbo_native_ios? %>
   <tr class="group">
-    <td class="flex items-center space-x-1">
-      <%= svg_icon('discount_check_filled', class: 'w-6 h-6 shrink-0 text-green-500') %>
-      <span class="flex items-center">
-        <span class="whitespace-nowrap"><%= t('docuseal_trusted_signature') %></span>
-        <div class="tooltip tooltip-top ml-1 shrink-0 hidden md:flex" data-tip="<%= t('sign_documents_with_trusted_certificate_provided_by_docu_seal_your_documents_and_data_are_never_shared_with_docu_seal_p_d_f_checksum_is_provided_to_generate_a_trusted_signature') %>">
-          <%= svg_icon('circle_question', class: 'w-4 h-4 stroke-1 shrink-0') %>
-        </div>
-      </span>
-    </td>
     <td>
+      <div class="flex items-center space-x-1">
+        <%= svg_icon('discount_check_filled', class: 'w-6 h-6 shrink-0 text-green-500') %>
+        <span class="flex items-center">
+          <span class="whitespace-nowrap"><%= t('docuseal_trusted_signature') %></span>
+          <div class="tooltip tooltip-top ml-1 shrink-0 hidden md:flex" data-tip="<%= t('sign_documents_with_trusted_certificate_provided_by_docu_seal_your_documents_and_data_are_never_shared_with_docu_seal_p_d_f_checksum_is_provided_to_generate_a_trusted_signature') %>">
+            <%= svg_icon('circle_question', class: 'w-4 h-4 stroke-1 shrink-0') %>
+          </div>
+        </span>
+      </div>
+    </td>
+    <td data-label="<%= t('valid_to') %>">
       <a href="<%= "#{Docuseal::CLOUD_URL}/sign_up?#{{ redir: "#{Docuseal::CONSOLE_URL}/on_premises" }.to_query}" %>" class="btn btn-neutral btn-sm text-white whitespace-nowrap">
         <%= t('unlock_with_docuseal_pro') %>
       </a>
     </td>
-    <td>
+    <td data-label="<%= t('status') %>">
       <div class="md:tooltip" data-tip="<%= t('unlock_with_docuseal_pro') %>">
         <%= button_to settings_esign_path, method: :put, params: { name: Docuseal::AATL_CERT_NAME }, class: 'btn btn-outline btn-neutral btn-xs whitespace-nowrap', title: t('make_default'), disabled: true do %>
           <%= t('make_default') %>

app/views/esign_settings/show.html.erb

@@ -32,7 +32,8 @@
                   <%= t('verify_signed_pdf') %>
                 </div>
                 <div class="text-xs">
-                  <%= t('click_to_upload_or_drag_and_drop_files_html') %>
+                  <span class="md:hidden"><%= t('click_to_upload') %></span>
+                  <span class="hidden md:inline"><%= t('click_to_upload_or_drag_and_drop_files_html') %></span>
                 </div>
               </div>
               <input id="file" name="files[]" class="hidden" data-action="change:file-dropzone#onSelectFiles" data-target="file-dropzone.input" type="file" accept="application/pdf" multiple>
@@ -54,7 +55,7 @@
     </div>
     <%= render 'alert' %>
     <div class="overflow-x-auto">
-      <table class="table w-full table-lg rounded-b-none overflow-hidden">
+      <table class="table table-stack w-full table-lg rounded-b-none overflow-hidden">
         <thead class="bg-base-200">
           <tr class="text-neutral uppercase">
             <th>
@@ -77,10 +78,10 @@
               <td>
                 <%= item['name'] %>
               </td>
-              <td>
+              <td data-label="<%= t('valid_to') %>">
                 <%= l(item['pkcs'].certificate.not_after.to_date, format: :long, locale: current_account.locale) %>
               </td>
-              <td>
+              <td data-label="<%= t('status') %>">
                 <% if item['status'] == 'default' %>
                   <span class="badge badge-lg badge-info badge-outline">
                     <%= t('default') %>