Fix thumbnail overflow

css/_filmstrip.scss

         position:relative;
         height:196px;
         padding: 0;
+        padding-left: 17px;
         bottom: 0;
         width:auto;
         border: 2px solid transparent;

modules/UI/util/UIUtil.js

      * Returns the available video width.
      */
     getAvailableVideoWidth: function () {
-        let rightPanelWidth = 0;
-
-        return window.innerWidth - rightPanelWidth;
+        return window.innerWidth;
     },
 
     /**

modules/UI/videolayout/FilmStrip.js

     init (eventEmitter) {
         this.iconMenuDownClassName = 'icon-menu-down';
         this.iconMenuUpClassName = 'icon-menu-up';
+        this.filmStripContainerClassName = 'filmstrip';
         this.filmStrip = $('#remoteVideos');
         this.eventEmitter = eventEmitter;
         this._initFilmStripToolbar();
      */
     _initFilmStripToolbar() {
         let toolbar = this._generateFilmStripToolbar();
-        let container = document.querySelector('.filmstrip');
+        let className = this.filmStripContainerClassName;
+        let container = document.querySelector(`.${className}`);
 
         UIUtil.prependChild(container, toolbar);
 
          */
         let videoAreaAvailableWidth
             = UIUtil.getAvailableVideoWidth()
+            - this.getFilmstripPanelsWidth()
             - UIUtil.parseCssInt(this.filmStrip.css('right'), 10)
             - UIUtil.parseCssInt(this.filmStrip.css('paddingLeft'), 10)
             - UIUtil.parseCssInt(this.filmStrip.css('paddingRight'), 10)
     },
 
     /**
-     * Calculate the thumbnail size in order to fit all the thumnails in passed
+     *
+     * Calculates width of all panels inside filmstrip
+     * @returns {number} width
+     */
+    getFilmstripPanelsWidth() {
+        let filmstripPanelsWidth = 0;
+        let className = this.filmStripContainerClassName;
+        $(`.${className}`)
+            .children()
+            .each(function () {
+                if (this.id !== 'remoteVideos') {
+                    filmstripPanelsWidth += $(this).outerWidth();
+                }
+            });
+
+        return filmstripPanelsWidth;
+    },
+
+    /**
+     Calculate the thumbnail size in order to fit all the thumnails in passed
      * dimensions.
      * NOTE: Here we assume that the remote and local thumbnails are with the
      * same height.
      * @param {int} availableWidth the maximum width for all thumbnails
      * @param {int} availableHeight the maximum height for all thumbnails
+     * @returns {{localVideo, remoteVideo}}
      */
     calculateThumbnailSizeFromAvailable(availableWidth, availableHeight) {
         /**
             (remoteLocalWidthRatio * numberRemoteThumbs + 1), availableHeight *
             interfaceConfig.LOCAL_THUMBNAIL_RATIO);
         const h = lW / interfaceConfig.LOCAL_THUMBNAIL_RATIO;
-        return { localVideo:{
+        return {
+                    localVideo:{
                         thumbWidth: lW,
                         thumbHeight: h
-                    }, remoteVideo: {
+                    },
+                    remoteVideo: {
                         thumbWidth: lW * remoteLocalWidthRatio,
                         thumbHeight: h
                     }