From fd1ea5f05e0efd015bb81e25573a30b0a37d26a4 Mon Sep 17 00:00:00 2001
From: khitryk <45171688+khitryk@users.noreply.github.com>
Date: Mon, 19 Nov 2018 13:40:30 +0000
Subject: [PATCH] Update ViewerNav.tsx

fixed marginLeft
---
 src/ViewerNav.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ViewerNav.tsx b/src/ViewerNav.tsx
index 420be48..eb174d3 100644
--- a/src/ViewerNav.tsx
+++ b/src/ViewerNav.tsx
@@ -21,9 +21,10 @@ export default class ViewerNav extends React.Component<ViewerNavProps, any> {
   }
 
   render() {
-    let marginLeft = (Math.ceil(this.props.images.length / 2) - this.props.activeIndex - 1) * 1.5 * 30;
+    var marginLeft = `calc(50% - ${this.props.activeIndex + 1} * 31px)`;
     let listStyle = {
-      marginLeft: `${marginLeft}px`,
+      marginLeft: marginLeft,
+			textAlign: 'left'
     };
 
     return (