From a3f5bd351250c0e5c982ba91247ca89e902279bd Mon Sep 17 00:00:00 2001
From: Julio Ruiz <julio.ruiz@fusionary.com>
Date: Thu, 21 May 2026 15:04:31 -0500
Subject: [PATCH] Fixing paragraphs in detail view for mobile

---
 .../estudiosTypensense/EstudiosTypensenseDetail.vue         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue b/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue
index f88ff0e..61e987f 100644
--- a/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue
+++ b/app/components/estudiosTypensense/EstudiosTypensenseDetail.vue
@@ -834,10 +834,10 @@ function highlightTextNodes(root: HTMLElement, terms: string[]): number {
 
       <!-- Todos los párrafos -->
       <div v-else-if="paragraphs.length" ref="paragraphsContainer" class="p-1 sm:p-4 max-w-4xl m-4 sm:mx-auto sm:my-6">
-        <div class="bg-white rounded-lg shadow-md p-4 sm:p-8 mb-4 last:mb-0">
+        <div class="bg-white rounded-lg shadow-md p-4 pl-2 sm:p-8 sm:pl-4 mb-4 last:mb-0">
           <div v-for="(hit, idx) in paragraphs" :key="idx" :data-paragraph-number="hit.document.number">
-            <div class="grid grid-cols-1fr items-start gap-4 mb-2" :class="(showParagraphNumbers && 'grid-cols-[32px_1fr]')">
-              <div v-if="showParagraphNumbers" class="w-10 select-none cursor-pointer flex justify-end">
+            <div class="grid grid-cols-1fr items-start gap-2 mb-2" :class="(showParagraphNumbers && 'grid-cols-[32px_1fr]')">
+              <div v-if="showParagraphNumbers" class="w-full select-none cursor-pointer flex justify-end">
                 <UBadge
                   v-if="hit.document.number"
                   :label="`${hit.document.number}`"