From 5533c0ee373642bbef05fa4c810fc63938d1bf1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Z=C3=BCbeyde=20Civelek?= <zubeydeecivelek@gmail.com>
Date: Tue, 26 Aug 2025 14:29:13 +0200
Subject: [PATCH] fix: chapters height for small screens

---
 .../records/static/templates/cds_records/video/detail.html    | 4 ++--
 cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/cds/modules/records/static/templates/cds_records/video/detail.html b/cds/modules/records/static/templates/cds_records/video/detail.html
index d8cec29bd..17bcaf145 100644
--- a/cds/modules/records/static/templates/cds_records/video/detail.html
+++ b/cds/modules/records/static/templates/cds_records/video/detail.html
@@ -92,7 +92,7 @@ <h3 class="bt bw-1 pt-10 mb-0">
                       <div ng-class="{'is-placeholder': !frame}" class="thumbnail-container">
                         <img 
                           ng-if="frame"
-                          ng-src="/api/iiif/v2/{{ frame.bucket_id }}:{{ frame.version_id }}:{{ frame.key }}/full/80,45/0/default.jpg"
+                          ng-src="/api/iiif/v2/{{ frame.bucket_id }}:{{ frame.version_id }}:{{ frame.key }}/full/320,180/0/default.jpg"
                           alt="Chapter {{ chapter.timestamp }}"
                           onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="thumbnail-placeholder" ng-style="{'display': frame ? 'none' : 'flex'}">
@@ -328,7 +328,7 @@ <h3><strong>Chapters</strong></h3>
                   <!-- Chapter Thumbnail -->
                   <div class="chapter-thumbnail-main-horizontal" style="width: 189px; height: 106px; border-radius: 6px; overflow: hidden; background-color: #f5f5f5; margin-bottom: 8px; position: relative;">
                     <img ng-if="getChapterFrame(chapter)"
-                         ng-src="/api/iiif/v2/{{ getChapterFrame(chapter).bucket_id }}:{{ getChapterFrame(chapter).version_id }}:{{ getChapterFrame(chapter).key }}/full/189,106/0/default.jpg"
+                         ng-src="/api/iiif/v2/{{ getChapterFrame(chapter).bucket_id }}:{{ getChapterFrame(chapter).version_id }}:{{ getChapterFrame(chapter).key }}/full/320,180/0/default.jpg"
                          style="width: 100%; height: 100%; object-fit: cover;"
                          alt="Chapter {{ chapter.timestamp }}"
                          onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
diff --git a/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss b/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
index da324c5ef..f29a4cbfb 100644
--- a/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
+++ b/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
@@ -1400,9 +1400,9 @@ div[cds-search-results] {
   }
 }
 
-@media(max-width: 768px) {
+@media(max-width: 992px) {
   .in-this-video-panel {
-    max-height: calc(100vh - 120px);
+    min-height: 400px;
   }
 }