From 9ad0808cdc88b79d97178de756ffc6aa8e985868 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Thu, 28 Jun 2018 19:09:17 +0300
Subject: fix content loader sizing

---
 vnext/src/components/Spinner.js | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

(limited to 'vnext/src/components')

diff --git a/vnext/src/components/Spinner.js b/vnext/src/components/Spinner.js
index d5f3d561..db0c9460 100644
--- a/vnext/src/components/Spinner.js
+++ b/vnext/src/components/Spinner.js
@@ -3,21 +3,22 @@ import ContentLoader from "react-content-loader";
 
 export default function Spinner(props) {
     return (
-        <ContentLoader
-            height={160}
-            speed={2}
-            primaryColor="#f8f8f8"
-            secondaryColor="#ecebeb"
-            className="msg-cont"
-            {...props}
-        >
-            <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" />
-            <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" />
-            <rect x="0" y="60" rx="0" ry="0" width="340" height="6.4" />
-            <rect x="0" y="78" rx="0" ry="0" width="340" height="6.4" />
-            <rect x="0" y="96" rx="0" ry="0" width="201" height="6.4" />
-            <rect x="0" y="0" rx="0" ry="0" width="48" height="48" />
-            <rect x="0" y="120" rx="0" ry="0" width="340" height="1" />
-        </ContentLoader>
+        <div className="msg-cont">
+            <ContentLoader
+                height={160}
+                speed={2}
+                primaryColor="#f8f8f8"
+                secondaryColor="#ecebeb"
+                style={{ width: '400px', height: '160px' }}
+                {...props}>
+                <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" />
+                <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" />
+                <rect x="0" y="60" rx="0" ry="0" width="340" height="6.4" />
+                <rect x="0" y="78" rx="0" ry="0" width="340" height="6.4" />
+                <rect x="0" y="96" rx="0" ry="0" width="201" height="6.4" />
+                <rect x="0" y="0" rx="0" ry="0" width="48" height="48" />
+                <rect x="0" y="120" rx="0" ry="0" width="340" height="1" />
+            </ContentLoader>
+        </div>
     )
 }
\ No newline at end of file
-- 
cgit v1.2.3