Merge pull request #497 from appirio-tech/loader-fixes-update

Fixes #429 - loader animation

Author: parthshah

src/components/LoadingIndicator/LoadingIndicator.jsx

@@ -3,7 +3,7 @@ import React from 'react'
 require('./LoadingIndicator.scss')
 
 const LoadingIndicator = () => {
-  const backgroundImageUrl = { backgroundImage: `url(${require('./ripple.svg')})` }
+  const backgroundImageUrl = { backgroundImage: `url(${require('./loader.gif')})` }
 
   return (
     <div

src/components/LoadingIndicator/LoadingIndicator.scss

@@ -1,7 +1,6 @@
 .loading-indicator {
-  height: 100px;
-  width: 100px;
-  margin: 150px auto;
-  background-repeat: no-repeat;
-  background-position: center;
+  height: 80%;
+  width: 100%;
+  background: 50% 50% no-repeat;
+  background-size: 70px 70px;
 }