From 8d5c45c954b3a60540100884dd206a894a3335a5 Mon Sep 17 00:00:00 2001
From: Gabriel Dinant <gdevxy@gmail.com>
Date: Sun, 29 Dec 2024 19:51:31 +0100
Subject: [PATCH] Improved layout

---
 .../main/resources/templates/BlogPostResource/blogPost.html   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/component/src/main/resources/templates/BlogPostResource/blogPost.html b/component/src/main/resources/templates/BlogPostResource/blogPost.html
index e65191f..e185c27 100644
--- a/component/src/main/resources/templates/BlogPostResource/blogPost.html
+++ b/component/src/main/resources/templates/BlogPostResource/blogPost.html
@@ -97,7 +97,9 @@ <h1 class="card-title">{blogPost.title}</h1>
                 <div class="col text-end">
             {/if}
                 <div class="blog-paragraph">
-                    Leave a thumbs up if you liked it <span class="ps-2"><button id="btnRate" name="{blogPost.id}" type="button" class="btn btn-dark bi bi-hand-thumbs-up-fill {#if thumbsUpEnabled}thumbs-up-success{/}"></button></span>
+                    <span class="d-inline d-sm-none">Leave a thumbs up</span>
+                    <span class="d-none d-sm-inline">Leave a thumbs up if you liked it</span>
+                    <span class="ps-2"><button id="btnRate" name="{blogPost.id}" type="button" class="btn btn-dark bi bi-hand-thumbs-up-fill {#if thumbsUpEnabled}thumbs-up-success{/}"></button></span>
                 </div>
             </div>
         </div>