From 260bd6d5d5d3bb8b2ecfbd673880d8531b940976 Mon Sep 17 00:00:00 2001
From: Pete Matsyburka <pete@docuseal.com>
Date: Thu, 29 May 2025 17:11:49 +0300
Subject: [PATCH] fix signature field size

---
 app/javascript/submission_form/area.vue | 6 +++---
 app/views/submissions/_value.html.erb   | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/javascript/submission_form/area.vue b/app/javascript/submission_form/area.vue
index f7c0cc08..caaa2f5c 100644
--- a/app/javascript/submission_form/area.vue
+++ b/app/javascript/submission_form/area.vue
@@ -55,12 +55,12 @@
     >
     <div
       v-else-if="field.type === 'signature' && signature"
-      class="flex justify-between h-full gap-1 overflow-hidden"
-      :class="isNarrow ? 'flex-row' : 'flex-col'"
+      class="flex justify-between h-full gap-1 overflow-hidden w-full"
+      :class="isNarrow && withSignatureId ? 'flex-row' : 'flex-col'"
     >
       <div
         class="flex overflow-hidden"
-        :class="isNarrow ? 'w-1/2' : 'flex-grow'"
+        :class="isNarrow && withSignatureId ? 'w-1/2' : 'flex-grow'"
         style="min-height: 50%"
       >
         <img
diff --git a/app/views/submissions/_value.html.erb b/app/views/submissions/_value.html.erb
index 852711fa..c1a727b7 100644
--- a/app/views/submissions/_value.html.erb
+++ b/app/views/submissions/_value.html.erb
@@ -6,8 +6,8 @@
 <field-value dir="auto" class="flex absolute text-[1.6vw] lg:text-base <%= 'font-mono' if font == 'Courier' %> <%= 'font-serif' if font == 'Times' %> <%= 'font-bold' if font_type == 'bold' || font_type == 'bold_italic' %> <%= 'italic' if font_type == 'italic' || font_type == 'bold_italic' %> <%= align == 'right' ? 'text-right' : (align == 'center' ? 'text-center' : '') %>" style="<%= "color: #{color}; " if color.present? %>width: <%= area['w'] * 100 %>%; height: <%= area['h'] * 100 %>%; left: <%= area['x'] * 100 %>%; top: <%= area['y'] * 100 %>%; <%= "font-size: clamp(4pt, 1.6vw, #{field['preferences']['font_size'].to_i * 1.23}pt); line-height: `clamp(6pt, 2.0vw, #{(field['preferences']['font_size'].to_i * 1.23) + 3}pt)`" if field.dig('preferences', 'font_size') %>">
   <% if field['type'] == 'signature' %>
     <% is_narrow = area['h']&.positive? && (area['w'].to_f / area['h']) > 6 %>
-    <div class="flex justify-between w-full h-full gap-1 <%= is_narrow ? 'flex-row' : 'flex-col' %>">
-      <div class="flex overflow-hidden <%= is_narrow ? 'w-1/2' : 'flex-grow' %>" style="min-height: 50%">
+    <div class="flex justify-between w-full h-full gap-1 <%= is_narrow && local_assigns[:with_signature_id] ? 'flex-row' : 'flex-col' %>">
+      <div class="flex overflow-hidden <%= is_narrow && local_assigns[:with_signature_id] ? 'w-1/2' : 'flex-grow' %>" style="min-height: 50%">
         <img class="object-contain mx-auto" src="<%= attachments_index[value].url %>">
       </div>
       <% if local_assigns[:with_signature_id] && attachment = attachments_index[value] %>