Update UI

3 files changed, 48 insertions, 49 deletions

diff --git a/app/src/styles/Login.module.css b/app/src/styles/Auth.module.css
index b2bcddf..7e1d3e3 100644
--- a/app/src/styles/Login.module.css
+++ b/app/src/styles/Auth.module.css
@@ -5,7 +5,7 @@ body {
   background-color: #2c3338;
 }
 
-#container {
+.container {
   font-size: 17px;
   position: absolute;
   top: 50%;
@@ -14,8 +14,7 @@ body {
   text-align: center;
 }
 
-#loginText,
-#signupText {
+h1 {
   color: #ccc;
   font-size: 30px;
   font-weight: 600;
@@ -59,29 +58,26 @@ button:active {
   transform: scale(0.95);
 }
 
-#error {
+.errorVisible {
+  visibility: visible;
+  color: #ee6161;
+}
+
+.errorHidden {
+  visibility: hidden;
   color: #ee6161;
 }
 
-.link {
+.footnoteLink {
   text-decoration: underline;
   color: #ccc;
-
 }
 
-.link:hover {
+.footnoteLink:hover {
   text-decoration: none;
   color: #415eac;
 }
 
-#bottomText {
+.footnote {
   color: #606468;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.hidden {
-  visibility: hidden;
 }
\ No newline at end of file
diff --git a/app/src/styles/Dashboard.module.css b/app/src/styles/Dashboard.module.css
index ef6b451..96ed919 100644
--- a/app/src/styles/Dashboard.module.css
+++ b/app/src/styles/Dashboard.module.css
@@ -5,13 +5,6 @@ body {
     background-color: #2c3338;
 }
 
-#mainTable {
-    position: absolute;
-    top: 100px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
 table {
     margin: 0 auto;
     text-align: center;
@@ -22,40 +15,29 @@ table {
     overflow: hidden;
 }
 
-/* Center all sub tables */
-.logTableRow table {
-    margin: 0 auto;
-}
-
-.logTableRow table {
-    width: 90%;
-}
-
 table th {
     background-color: #415eac;
     border: 2px solid #ccc;
     padding: 10px;
 }
 
-.linkTableRow {
-    border: 2px solid #ccc;
-}
-
 table td {
     padding: 10px;
 }
 
-.linkTableRow td {
-    padding: 20px;
+.mainTable {
+    position: absolute;
+    top: 100px;
+    left: 50%;
+    transform: translateX(-50%);
 }
 
-.logTableRow table td {
-    background-color: #3b4148;
-    padding: 10px;
+.linkTableRow {
+    border: 2px solid #ccc;
 }
 
-.logTableRow table tr {
-    border: 2px solid #ccc;
+.linkTableRow td {
+    padding: 20px;
 }
 
 .linkButton {
@@ -68,6 +50,20 @@ table td {
     border-radius: 5px;
 }
 
+.logTableRow table {
+    margin: 0 auto;
+    width: 90%;
+}
+
+.logTableRow table td {
+    background-color: #3b4148;
+    padding: 10px;
+}
+
+.logTableRow table tr {
+    border: 2px solid #ccc;
+}
+
 .trashBin:hover {
     color: rgb(238, 86, 86);
     cursor: pointer;
diff --git a/app/src/styles/Navbar.module.css b/app/src/styles/Navbar.module.css
index d8c3f72..09ad94c 100644
--- a/app/src/styles/Navbar.module.css
+++ b/app/src/styles/Navbar.module.css
@@ -1,4 +1,3 @@
-/* Create the navbar and set the colors */
 .navbar {
   display: flex;
   justify-content: space-between;
@@ -7,7 +6,7 @@
   padding: 15px;
 }
 
-.navbarLink {
+.link {
   margin: 0 20px;
   position: relative;
   display: inline-block;
@@ -17,7 +16,7 @@
   font-weight: 600;
 }
 
-.navbarLink::after {
+.link::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -28,14 +27,22 @@
   transition: width 0.3s ease;
 }
 
-.navbarLink:hover::after {
+.link:hover::after {
   width: 100%;
 }
 
-.navbarLeft {
+.circleUp {
+  color: rgb(122, 224, 122);
+}
+
+.circleDown {
+  color: rgb(218, 112, 112);
+}
+
+.left {
   margin-left: 50px;
 }
 
-.navbarRight {
+.right {
   margin-right: 50px;
 }
\ No newline at end of file