fix: chapters height for small screens

Author: zubeydecivelek

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';">

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;
   }
 }