From c4dfed0e02ad0f4407af1aa29a320e02b26e401f Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Mon, 30 Sep 2024 12:33:00 -0300
Subject: [PATCH 1/5] Adjust the font size of the 'No thumbnails available'
 text.

---
 src/app/thumbnail/thumbnail.component.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/thumbnail/thumbnail.component.scss b/src/app/thumbnail/thumbnail.component.scss
index cb75e38d8ce..056b3db8cf3 100644
--- a/src/app/thumbnail/thumbnail.component.scss
+++ b/src/app/thumbnail/thumbnail.component.scss
@@ -34,6 +34,7 @@ img {
       justify-content: center;
       align-items: center;
       text-align: center;
+      font-size: 14px;
     }
   }
 }

From 3cd5432034bfb0d8a8a777c99f5e6d3be681b103 Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:37:41 -0300
Subject: [PATCH 2/5] Changed the implementation of changing the text font size
 when there is no thumbnail.

---
 src/app/thumbnail/thumbnail.component.scss | 1 -
 src/styles/_global-styles.scss             | 8 ++++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/thumbnail/thumbnail.component.scss b/src/app/thumbnail/thumbnail.component.scss
index 056b3db8cf3..cb75e38d8ce 100644
--- a/src/app/thumbnail/thumbnail.component.scss
+++ b/src/app/thumbnail/thumbnail.component.scss
@@ -34,7 +34,6 @@ img {
       justify-content: center;
       align-items: center;
       text-align: center;
-      font-size: 14px;
     }
   }
 }
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 765b50ae866..681dafbe7e2 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -216,6 +216,14 @@ ds-dynamic-form-control-container.d-none {
 
 .thumb-font-3 {
     .thumbnail-placeholder {
+        @media screen and (max-width: map-get($grid-breakpoints, sm)) {
+          font-size: 0.4rem;
+          padding: 0.1rem;
+        }
+        @media screen and (min-width: map-get($grid-breakpoints, sm)) and (max-width: map-get($grid-breakpoints, lg)) {
+            font-size: 0.875rem;
+            padding: 0.1rem;
+        }
         font-size: 1.25rem;
         padding: 0.5rem;
     }

From e06db4cbab7da971b9cac685ae40383196de8acc Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Fri, 20 Dec 2024 15:50:27 -0300
Subject: [PATCH 3/5] Adding treatment for the use of the thumb-font-2 class

---
 src/styles/_global-styles.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 681dafbe7e2..93c67ea3423 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -208,10 +208,18 @@ ds-dynamic-form-control-container.d-none {
 }
 
 .thumb-font-2 {
-    .thumbnail-placeholder {
-        font-size: 0.9rem;
-        padding: 0.125rem;
+  .thumbnail-placeholder {
+    @media screen and (max-width: map-get($grid-breakpoints, sm)) {
+      font-size: 0.4rem;
+      padding: 0.1rem;
     }
+    @media screen and (min-width: map-get($grid-breakpoints, sm)) and (max-width: map-get($grid-breakpoints, lg)) {
+        font-size: 0.8rem;
+        padding: 0.1rem;
+    }
+    font-size: 1.25rem;
+    padding: 0.5rem;
+}
 }
 
 .thumb-font-3 {

From 829d406808bf0d5a03ea81a6cbdc01a89fd97d60 Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Fri, 20 Dec 2024 15:51:21 -0300
Subject: [PATCH 4/5] Key spacing adjustment

---
 src/styles/_global-styles.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 93c67ea3423..3f9025f4160 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -219,7 +219,7 @@ ds-dynamic-form-control-container.d-none {
     }
     font-size: 1.25rem;
     padding: 0.5rem;
-}
+  }
 }
 
 .thumb-font-3 {

From fa723c17a9f2496e5e81cda5546c5a7f82996fa6 Mon Sep 17 00:00:00 2001
From: DanGastardelli <55243638+DanGastardelli@users.noreply.github.com>
Date: Tue, 14 Jan 2025 12:51:07 -0300
Subject: [PATCH 5/5] Adjust thumb text for smaller resolutions

---
 src/styles/_global-styles.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 3f9025f4160..2b6be53331e 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -214,10 +214,10 @@ ds-dynamic-form-control-container.d-none {
       padding: 0.1rem;
     }
     @media screen and (min-width: map-get($grid-breakpoints, sm)) and (max-width: map-get($grid-breakpoints, lg)) {
-        font-size: 0.8rem;
+        font-size: 0.7rem;
         padding: 0.1rem;
     }
-    font-size: 1.25rem;
+    font-size: 1rem;
     padding: 0.5rem;
   }
 }
@@ -229,10 +229,10 @@ ds-dynamic-form-control-container.d-none {
           padding: 0.1rem;
         }
         @media screen and (min-width: map-get($grid-breakpoints, sm)) and (max-width: map-get($grid-breakpoints, lg)) {
-            font-size: 0.875rem;
+            font-size: 0.7rem;
             padding: 0.1rem;
         }
-        font-size: 1.25rem;
+        font-size: 1rem;
         padding: 0.5rem;
     }
 }