more

src/Components/MobileContent.js

@@ -1,10 +1,11 @@
 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
+          Novodraft is a desktop application. The functionailty of your
-        in mobile mode is limited to displaying stats and important
+          Dashboard in mobile mode is limited to displaying stats and important
           notifications.
         </p>
         <p className="mobile-text-dashboard">
@@ -12,6 +13,8 @@ const MobileContent = ({ isDashboard }) => {
           Dashboard.
         </p>
       </div>
+      <div></div>
+    </>
   ) : (
     "Novodraft is a desktop application. Please login on your desktop device to use this feature."
   );

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;
+  }
 }