From d7aa1c0f78787f00dde78ec6cbd6337b3dea1fdd Mon Sep 17 00:00:00 2001
From: Marion Giusti <marion.giusti@dalibo.com>
Date: Tue, 1 Sep 2026 11:44:08 +0200
Subject: [PATCH] fix(ui): prevent text overflow

---
 app/templates/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index 981804e..c6a47ef 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -109,8 +109,8 @@ <h3>Plans</h3>
             </div>
           </div>
           <div class="row">
-            <div class="col-6">
-              <small class="text-muted">
+            <div class="col-12 col-lg-6">
+              <small class="text-muted text-nowrap">
                 created
                 <span
                   :title="formattedDate(plan.createdOn)">
@@ -118,10 +118,10 @@ <h3>Plans</h3>
                 </span>
               </small>
             </div>
-            <div class="col-6 text-end">
+            <div class="col-12 col-lg-6 text-end">
               <small>
                 <span v-if="plan.shareId">
-                  <a :href="'{{ url_for('plan') }}' + getPlanUrl(plan)" class="link-gray">
+                  <a :href="'{{ url_for('plan') }}' + getPlanUrl(plan)" class="link-gray text-nowrap">
                     <font-awesome-icon icon="link"></font-awesome-icon>
                     plan/{{'{{plan.shareId}}'}}
                   </a>