From e2ca9aad6f57f4597551cd87847f5a6d22a27af8 Mon Sep 17 00:00:00 2001
From: Grant Wielgosz <grantwielgosz@gmail.com>
Date: Mon, 4 Jan 2021 14:08:28 -0700
Subject: [PATCH] -styled Story_card

---
 client/debug.log                  |  3 +++
 client/src/pages/Story/Story.js   |  4 ++--
 client/src/pages/Story/Story.scss | 13 ++++++++++++-
 package-lock.json                 | 30 ++++++++++++++++++++++++++++++
 package.json                      |  1 +
 5 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/client/debug.log b/client/debug.log
index b8b8721..354192a 100644
--- a/client/debug.log
+++ b/client/debug.log
@@ -1,2 +1,5 @@
 [1222/083156.918:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
 [1222/194253.328:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[0101/121834.039:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[0101/125833.828:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[0104/090043.421:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/client/src/pages/Story/Story.js b/client/src/pages/Story/Story.js
index fa4ff29..fec22c8 100644
--- a/client/src/pages/Story/Story.js
+++ b/client/src/pages/Story/Story.js
@@ -61,12 +61,12 @@ const Story = ({match,
     <>
       <h1 className="Story__name">{currentStoryName}</h1>
       <div>
-        <ul>
+        <ul className="Story_ul">
           {currentStoryCards
             ? currentStoryCards.map((cardText, index) => {
                 return (
                   // Let's make a component for Card
-                  <div className='Card block' key={index}>
+                  <div className='Card_block' key={index}>
                     {cardText}
                   </div>
                 );
diff --git a/client/src/pages/Story/Story.scss b/client/src/pages/Story/Story.scss
index 79f30c4..bbfb9e0 100644
--- a/client/src/pages/Story/Story.scss
+++ b/client/src/pages/Story/Story.scss
@@ -24,6 +24,17 @@
    
 }
 
-.Card{
+.Story_ul {
+    margin:10px 10px 10px 10px;
+}
+.Card_block{
+
+    background-color: white;
+    padding:15px;
+    margin-top:10px;
+    margin-bottom: 10px;
+    border-radius:10px;
+    box-shadow: $box-shadow;
+    font-weight: weight(regular);
 
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index c9fd7b6..f4a8b35 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -139,6 +139,22 @@
       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
       "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
     },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+        }
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -346,6 +362,11 @@
       "resolved": "https://registry.npmjs.org/cor/-/cor-0.0.0.tgz",
       "integrity": "sha1-d3Lcy3QmjV8s2p61Ai8xVbjAqlM="
     },
+    "core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
+    },
     "core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -1553,6 +1574,15 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "react-loader-spinner": {
+      "version": "3.1.14",
+      "resolved": "https://registry.npmjs.org/react-loader-spinner/-/react-loader-spinner-3.1.14.tgz",
+      "integrity": "sha512-7V+upnW+RVA/O94LIB/EQLK2uaz/TpZBHG5uNXlOXgvxvALxlxVYeEDmus5Oex2C58fiwrsRvSyu/4VRmLbZ9Q==",
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "prop-types": "^15.7.2"
+      }
+    },
     "react-router": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
diff --git a/package.json b/package.json
index 7b7d4da..ec3f05e 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "mongoose": "^5.11.7",
     "node-sass": "^4.14.1",
     "path": "^0.12.7",
+    "react-loader-spinner": "^3.1.14",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0"
   }