minor changes

Author: PrinceSumberia

src/App.js

@@ -55,7 +55,6 @@ class App extends Component {
             </Switch>
           </div>
         </div>
-        {/* <Footer /> */}
       </Paper>
     );
   }

src/components/Help.js

@@ -71,7 +71,7 @@ class Help extends Component {
       }
     }
     this.setState({ currentResources: resources });
-    setTimeout(() => this.setState({ loadingStatus: "completeLoading" }), 1500);
+    setTimeout(() => this.setState({ loadingStatus: "completeLoading" }), 2000);
   }
 
   render() {

src/components/Placeholder.js

@@ -4,11 +4,11 @@ import ContentLoader from "react-content-loader";
 const MyLoader = () => (
   <ContentLoader
     speed={2}
-    width={400}
-    height={160}
+    width={350}
+    height={200}
     viewBox="0 0 400 160"
-    backgroundColor="#f3f3f3"
-    foregroundColor="#ecebeb"
+    backgroundColor="#f2f2f2"
+    foregroundColor="#dedede"
   >
     <rect x="0" y="0" rx="3" ry="3" width="67" height="11" />
     <rect x="458" y="13" rx="3" ry="3" width="140" height="11" />

src/styles/HelpStyles.js

@@ -2,15 +2,18 @@ export default {
   help: {
     textAlign: "center",
   },
+
   mainHeading: {
     marginBottom: "2rem",
   },
+
   container: {
     marginTop: "3rem",
     display: "flex",
     justifyContent: "space-between",
     flexWrap: "wrap",
   },
+
   card: {
     boxShadow: "0 1.5rem 3.5rem rgba(0,0,0,0.1)",
     backgroundColor: "#fff",
@@ -43,11 +46,18 @@ export default {
       marginBottom: ".5rem",
     },
   },
+
   icons: {
     transition: "all .2s",
     "&:hover": {
       color: "#000",
       transform: "scale(1.02)",
     },
   },
+
+  cardLink: {
+    "&, &:visited": {
+      color: "#6236FF",
+    },
+  },
 };