From be2bf9897a15e9e2155b35e02acdfec5cc60ff18 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.

(cherry picked from commit c4dfed0e02ad0f4407af1aa29a320e02b26e401f)
---
 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 cb75e38d8c..056b3db8cf 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 2eed8f13d0f997c776fb32aedd5de1aa3cd635ed 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.

(cherry picked from commit 3cd5432034bfb0d8a8a777c99f5e6d3be681b103)
---
 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 056b3db8cf..cb75e38d8c 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 058a94138d..2dccd7e2d4 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -238,6 +238,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 6e9018a01d33ce2a1601968ed648210687c3bc75 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

(cherry picked from commit e06db4cbab7da971b9cac685ae40383196de8acc)
---
 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 2dccd7e2d4..eb62a13041 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -230,10 +230,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 490bf758ac2e7228e25f5b7935471b57ab5f7bb8 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

(cherry picked from commit 829d406808bf0d5a03ea81a6cbdc01a89fd97d60)
---
 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 eb62a13041..da9f4aa048 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -241,7 +241,7 @@ ds-dynamic-form-control-container.d-none {
     }
     font-size: 1.25rem;
     padding: 0.5rem;
-}
+  }
 }
 
 .thumb-font-3 {

From e579725dfb4e811dd028a6fd5af3cfbc7648dda8 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

(cherry picked from commit fa723c17a9f2496e5e81cda5546c5a7f82996fa6)
---
 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 da9f4aa048..05d631e48a 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -236,10 +236,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;
   }
 }
@@ -251,10 +251,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;
     }
 }