From bc9e2ae59123f6c52a75ce1e04e6ffddbc16bdf0 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 13 Jan 2024 14:06:43 -0600
Subject: [PATCH] more

---
 src/Components/MobileContent.js |  2 +-
 src/styles/app.scss             | 16 ++++++++++++++++
 src/styles/dashboard.scss       |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/Components/MobileContent.js b/src/Components/MobileContent.js
index 7bcc3b2..3b79910 100644
--- a/src/Components/MobileContent.js
+++ b/src/Components/MobileContent.js
@@ -10,7 +10,7 @@ const MobileContent = ({ isDashboard }) => {
           notifications.
         </p>
         <p className="mobile-text-dashboard">
-          Please login on your desktop device to use all of the functions your
+          Please login on your desktop device to use all of the features of your
           Dashboard.
         </p>
       </div>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index d431a4c..3b23349 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -144,4 +144,20 @@ p {
   .notification-text {
     margin-left: 16px;
   }
+
+  .notication-container {
+    margin: 20px 0px;
+    min-height: 100px;
+    width: 320px;
+    background-color: var(--barely-there-accent);
+    border-radius: 15px;
+  }
+
+  .notication-text-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    font-size: 1rem;
+    margin-left: 12px;
+  }
 }
diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
index 59f22c3..b07b53d 100644
--- a/src/styles/dashboard.scss
+++ b/src/styles/dashboard.scss
@@ -122,7 +122,7 @@
     justify-content: center;
   }
 
-  .notification-center {
+  .notification-container {
     background-color: red;
   }
 }