From d2368d6fe07a127f2c9320020183d27fcb870230 Mon Sep 17 00:00:00 2001
From: brunobar79 <brunobar79@gmail.com>
Date: Mon, 30 Jul 2018 18:34:00 -0400
Subject: clean up css

---
 .../modals/qr-scanner/qr-scanner.component.js      | 44 +++++++---------------
 1 file changed, 14 insertions(+), 30 deletions(-)

(limited to 'ui/app/components/modals/qr-scanner/qr-scanner.component.js')

diff --git a/ui/app/components/modals/qr-scanner/qr-scanner.component.js b/ui/app/components/modals/qr-scanner/qr-scanner.component.js
index 0e7709332..998967776 100644
--- a/ui/app/components/modals/qr-scanner/qr-scanner.component.js
+++ b/ui/app/components/modals/qr-scanner/qr-scanner.component.js
@@ -93,39 +93,23 @@ export default class QrScanner extends Component {
     const { t } = this.context
 
     return (
-      <div className="modal-container">
-       <div className="modal-container__content">
-          <div className="modal-container__title">
-            { `${t('scanQrCode')}?` }
-          </div>
-          <div className="modal-container__description">
-            <div
-              className={'qr-code-video-wrapper'}
+      <div className="qr-scanner">
+        <div className="qr-scanner__title">
+          { `${t('scanQrCode')}?` }
+        </div>
+        <div className="qr-scanner__content">
+          <div className={'qr-scanner__content__video-wrapper'}>
+            <video
+              id="video"
               style={{
-                overflow: 'hidden',
-                width: '100%',
-                height: '275px',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-              }
-            }>
-              <video
-                id="video"
-                style={{
-                  width: 'auto',
-                  height: '275px',
-                  marginLeft: '-15%',
-                  display: this.state.ready ? 'block' : 'none',
-                  transform: 'scaleX(-1)',
-                }}
-              />
-              { !this.state.ready ? <Spinner color={'#F7C06C'} /> : null}
-            </div>
+                display: this.state.ready ? 'block' : 'none',
+              }}
+            />
+            { !this.state.ready ? <Spinner color={'#F7C06C'} /> : null}
           </div>
         </div>
-        <div className="modal-container__footer">
-            {this.state.msg}
+        <div className="qr-scanner__status">
+          {this.state.msg}
         </div>
       </div>
     )
-- 
cgit