From 392fee0c2b15a6d7d53330614afb9364a10bc6c8 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Tue, 13 Feb 2018 14:05:30 +0100
Subject: Fix styling

---
 src/client/react/components/presentational/Loading.js | 4 +++-
 src/client/style/_component-loading.scss              | 5 +++++
 src/client/style/index.scss                           | 3 +++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src/client/style/_component-loading.scss

(limited to 'src')

diff --git a/src/client/react/components/presentational/Loading.js b/src/client/react/components/presentational/Loading.js
index a149de2..1a34a71 100644
--- a/src/client/react/components/presentational/Loading.js
+++ b/src/client/react/components/presentational/Loading.js
@@ -4,7 +4,9 @@ import { LinearProgress } from 'rmwc/LinearProgress';
 class Loading extends React.Component {
   render() {
     return (
-      <LinearProgress determinate={false} />
+      <div className="loading">
+        <LinearProgress determinate={false} />
+      </div>
     );
   }
 }
diff --git a/src/client/style/_component-loading.scss b/src/client/style/_component-loading.scss
new file mode 100644
index 0000000..d79c521
--- /dev/null
+++ b/src/client/style/_component-loading.scss
@@ -0,0 +1,5 @@
+.loading {
+  .mdc-linear-progress .mdc-linear-progress__bar-inner {
+    background-color: #9C27B0;
+  }
+}
diff --git a/src/client/style/index.scss b/src/client/style/index.scss
index e6ca14d..876183a 100644
--- a/src/client/style/index.scss
+++ b/src/client/style/index.scss
@@ -1,3 +1,5 @@
+@import "../../../node_modules/material-components-web/dist/material-components-web.min.css";
+
 * {
   box-sizing: border-box;
 }
@@ -13,3 +15,4 @@ body {
 @import "component-search";
 @import "component-help-box";
 @import "component-week-selector";
+@import "component-loading";
-- 
cgit v1.1