From cb5b381e0b5368b63b53fbcf3026860f518f699c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Wed, 29 Jul 2015 11:23:25 +0200
Subject: [PATCH] fix scaling issue for slides container

---
 js/components/ascribe_slides_container/slides_container.js | 3 ++-
 sass/ascribe_slides_container.scss                         | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/js/components/ascribe_slides_container/slides_container.js b/js/components/ascribe_slides_container/slides_container.js
index 88305f41..67286385 100644
--- a/js/components/ascribe_slides_container/slides_container.js
+++ b/js/components/ascribe_slides_container/slides_container.js
@@ -63,7 +63,8 @@ let SlidesContainer = React.createClass({
 
     handleContainerResize() {
         this.setState({
-            containerWidth: this.refs.containerWrapper.getDOMNode().offsetWidth
+            // +30 to get rid of the padding of the container which is 15px + 15px left and right
+            containerWidth: this.refs.containerWrapper.getDOMNode().offsetWidth + 30
         });
     },
 
diff --git a/sass/ascribe_slides_container.scss b/sass/ascribe_slides_container.scss
index a4c19d1f..2bc2d115 100644
--- a/sass/ascribe_slides_container.scss
+++ b/sass/ascribe_slides_container.scss
@@ -2,6 +2,7 @@
     overflow-x: hidden;
     overflow-y: hidden;
     padding-left: 0;
+    padding-right: 0;
 }
 
 .ascribe-sliding-container  {