From e256fd40ea9e1f36713080418e5e16a17efcbaef Mon Sep 17 00:00:00 2001
From: SileNce5k <ozzynexus@gmail.com>
Date: Mon, 13 Jan 2025 20:46:23 +0100
Subject: [PATCH] Improve dashboard frontend

---
 frontend/public/css/main.css | 37 +++++++++++++++++++++++++++---------
 frontend/views/dashboard.ejs | 15 ++++++++++-----
 2 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/frontend/public/css/main.css b/frontend/public/css/main.css
index a61592b..7935a89 100644
--- a/frontend/public/css/main.css
+++ b/frontend/public/css/main.css
@@ -39,7 +39,7 @@ a:visited {
 
 
 
-#check01, ul.dropdown-submenu {
+#check01, .dropdown-submenu {
     display: none;
 }
   
@@ -60,17 +60,30 @@ a:visited {
 }
 
   
-#check01:checked~ul.dropdown-submenu {
+#check01:checked~.dropdown-submenu {
 	display: inherit;
 	flex-direction: column;
 	position: inherit;
 	align-items: center;
 	justify-content: center;
 	padding: 10px 0px 0px 0px;
-	outline: 2px solid #c8c8c8;
+	/* outline: 2px solid #c8c8c8; */
 	margin-top: 55px;
+
 }
 
+.dropdown-submenu > a {
+	border: 1px solid #444;
+	border-radius: 51px;
+	width: 117%;
+	padding: 0px;
+	margin: 1px 1px 1px 1px 1px;
+	background-color: #717171;
+}
+
+.dropdown-submenu > a {
+	text-decoration-line: none;
+}
 .user-dropdown {
 	display: flex;
 	top: 10px;
@@ -81,7 +94,7 @@ a:visited {
 
 #bot {
 	width: 1200px;
-	border: 5px solid #444;
+	border: 3px solid #444;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -94,18 +107,17 @@ a:visited {
 }
 
 #bot-log {
-	border: 5px solid #444;
+	border: 3px solid #444;
 	display: flex;
-	align-items: center;
 	position: relative;
 	width: 85%;
-	height: 500px;
 	flex-direction: column;
+	height: 85%;
 }
 
 #bot-log > p {
 	font-size: 17px;
-	margin: 0px;
+	margin: 0px 0px 0px 7px;
 }
 
 #main-content {
@@ -123,6 +135,13 @@ a:visited {
 }
 
 #bot-buttons > button {
-	margin-top: 2px;
+	margin-top: 3px;
+	border-radius: 20px;
+	background-color: #6a6a6a;
+	color: #ececec;
+	border-color: #828282;
 }
 
+.dashboard {
+	text-align: center;
+}
\ No newline at end of file
diff --git a/frontend/views/dashboard.ejs b/frontend/views/dashboard.ejs
index 8ad13fc..8e465eb 100644
--- a/frontend/views/dashboard.ejs
+++ b/frontend/views/dashboard.ejs
@@ -10,24 +10,29 @@
 
 <body>
     <header class="dashboard">
+        <h1 class="dashboard-title">Dashboard</h1>
         <div class="user-dropdown">
             <input id="check01" type="checkbox" name="menu" />
             <label class="dropdown-label" for="check01">
                 <%= user.username %>
             </label>
-            <ul class="dropdown-submenu">
+            <!-- <ul class="dropdown-submenu">
                 <li><a href="/users/<%= user.user_id %>/settings">Settings</a></li>
                 <li><a href="/logout">Logout</a></li>
-            </ul>
+            </ul> -->
+            <div class="dropdown-submenu">
+                <a href="/users/<%= user.user_id %>/settings">Settings</a>
+                <a href="/logout">Logout</a>
+            </div>
         </div>
     </header>
     <div id="main-content">
-        <h1 class="dashboard-title">Dashboard</h1>
         <div id="bot">
 
             <div id="bot-log">
-                <p>2025-01-13 05:55:02 - example command executed by -some-user-id-</p>
-                <p>2025-01-13 05:57:33 - userinfo command executed by -some-user-id-</p>
+                <p>1970-01-01 00:00:00 - example command executed by -some-user-id-</p>
+                <p>1970-01-01 00:00:00 - userinfo command executed by -some-user-id-</p>
+                <p>1970-01-01 00:00:00 - etc...</p>
             </div>
             <div id="bot-buttons">
                 <button>Restart</button>