From a87208c3ff12cdb68fb44a0883c8d0cce6cda293 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 12 Jan 2024 19:18:17 -0600
Subject: [PATCH] more

---
 src/Components/MobileContent.js | 25 ++++++++++++++-----------
 src/styles/dashboard.scss       | 12 +++++++++++-
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/Components/MobileContent.js b/src/Components/MobileContent.js
index 4a1fe7d..fe69954 100644
--- a/src/Components/MobileContent.js
+++ b/src/Components/MobileContent.js
@@ -1,17 +1,20 @@
 import legalTechFlip from "../Assets/Images/legalTechFlip.jpg";
 const MobileContent = ({ isDashboard }) => {
   const copy = isDashboard ? (
-    <div>
-      <p className="mobile-text-dashboard">
-        Novodraft is a desktop application. The functionailty of your Dashboard
-        in mobile mode is limited to displaying stats and important
-        notifications.
-      </p>
-      <p className="mobile-text-dashboard">
-        Please login on your desktop device to use all of the functions your
-        Dashboard.
-      </p>
-    </div>
+    <>
+      <div>
+        <p className="mobile-text-dashboard">
+          Novodraft is a desktop application. The functionailty of your
+          Dashboard in mobile mode is limited to displaying stats and important
+          notifications.
+        </p>
+        <p className="mobile-text-dashboard">
+          Please login on your desktop device to use all of the functions your
+          Dashboard.
+        </p>
+      </div>
+      <div></div>
+    </>
   ) : (
     "Novodraft is a desktop application. Please login on your desktop device to use this feature."
   );
diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
index 9dcbef9..38da5e3 100644
--- a/src/styles/dashboard.scss
+++ b/src/styles/dashboard.scss
@@ -107,10 +107,20 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 12px 0px;
+    margin-top: 12px;
+    margin-bottom: 0px;
     padding: 0px 6px;
     background-color: #fff;
     height: 100%;
     border-radius: 6px;
   }
+
+  .stats-unit-wrapper {
+    display: flex;
+    flex-direction: row;
+    background-color: var(--barely-there-accent);
+    margin: 4px 0px;
+    padding: 8px 0px;
+    border-radius: 15px;
+  }
 }