Fixing thumbnails layout and rendering

Packages/ohif-viewerbase/client/components/viewer/seriesQuickSwitch/seriesQuickSwitch.html

@@ -19,7 +19,7 @@
             <div class="study-switch rp-t-1 rp-x-1">
                 <div class="title-label">Study</div>
                 <div class="study-box r-font">
-                    {{#scrollArea class='study-browser'}}
+                    {{#scrollArea class='study-browser' scrollStep=91}}
                         {{>Template.dynamic template=studyBrowserTemplate data=(clone this currentStudy=instance.currentStudy)}}
                     {{/scrollArea}}
                 </div>

Packages/ohif-viewerbase/client/components/viewer/seriesQuickSwitch/seriesQuickSwitch.js

@@ -103,7 +103,7 @@ Template.seriesQuickSwitch.events({
         const $switch = $(event.currentTarget);
         const browserWidth = $switch.offset().left + $switch.outerWidth();
         const $seriesBrowser = $switch.find('.series-browser');
-        $seriesBrowser.width(browserWidth);
+        $seriesBrowser.width(browserWidth - (browserWidth % 237));
 
         instance.$('.series-quick-switch').addClass('series-triggered');
     },