From 5b50db7f670e57be1f04afaa15cbe28b74048dd2 Mon Sep 17 00:00:00 2001
From: Silversthorn <nakor.silverton@gmail.com>
Date: Sun, 28 Jul 2024 19:44:44 +0200
Subject: [PATCH] Fixed logs page

---
 app/frontend/static/assets/css/crafty.css     | 30 +++++++++++++++++++
 app/frontend/templates/panel/server_logs.html | 16 ++++------
 2 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/app/frontend/static/assets/css/crafty.css b/app/frontend/static/assets/css/crafty.css
index 15614de1..d411aa64 100644
--- a/app/frontend/static/assets/css/crafty.css
+++ b/app/frontend/static/assets/css/crafty.css
@@ -380,6 +380,36 @@ noscript.noscript-warning {
     border-radius: 5px;
 }
 
+/**************************************************************/
+
+/**************************************************************/
+/* CSS for Virtual Console Displays */
+/**************************************************************/
+
+.virt_console {
+    width: 100%;
+    font-size: .8em;
+    padding: 5px 10px;
+    border: 1px solid var(--outline);
+    background-color: var(--card-banner-bg);
+    height: 500px;
+    overflow: scroll;
+}
+
+/**************************************************************/
+
+/**************************************************************/
+/* CSS for Lists Displays */
+/**************************************************************/
+
+ul>li.list-group-item {
+    background-color: var(--card-banner-bg);
+}
+
+ul>li.list-group-item i {
+    margin: 0;
+}
+
 /**************************************************************/
 div.form-group.reset-secret {
     background: rgba(243, 21, 6, 0.3);
diff --git a/app/frontend/templates/panel/server_logs.html b/app/frontend/templates/panel/server_logs.html
index 3605adba..8b84ad70 100644
--- a/app/frontend/templates/panel/server_logs.html
+++ b/app/frontend/templates/panel/server_logs.html
@@ -41,8 +41,7 @@
 
           <div class="col-md-12">
             <div class="input-group">
-              <div id="virt_console" class=""
-                style="width: 100%; font-size: .8em; padding: 5px 10px; border: 1px solid var(--outline); background-color:var(--card-banner-bg);height:500px; overflow: scroll;">
+              <div id="virt_console" class="virt_console">
               </div>
             </div>
             <br />
@@ -51,12 +50,9 @@
             <br />
             <br />
             <h4>{{ translate('serverDetails', 'filterList', data['lang']) }}</h4>
-            <ul id="ignored-words" style="list-style: None;"></ul>
+            <ul id="ignored-words" class="list-group"></ul>
             <br />
-
-
           </div>
-
         </div>
       </div>
     </div>
@@ -148,8 +144,8 @@
     // Display filtered word
     words.push(word);
     $("#ignored-words").append(
-      `<li id=${safe_word.replaceAll(" ", "-")}>` +
-      "<div class='card-header header-sm d-flex justify-content-between align-items-center'>" +
+      `<li id=${safe_word.replaceAll(" ", "-")} class="list-group-item">` +
+      "<div class='text-sm d-flex justify-content-between align-items-center'>" +
       `${word}&nbsp;<button class='btn btn-danger' onclick='deleteWord("${word}")' >` +
       "<i class='fas fa-trash'></i></button></div></li>"
     );
@@ -163,8 +159,8 @@
       let safe_word = sanitize(word);
 
       $("#ignored-words").append(
-        `<li id=${safe_word.replaceAll(" ", "-")}>` +
-        "<div class='card-header header-sm d-flex justify-content-between align-items-center'>" +
+        `<li id=${safe_word.replaceAll(" ", "-")}  class="list-group-item">` +
+        "<div class='text-sm d-flex justify-content-between align-items-center'>" +
         `${word}&nbsp;<button class='btn btn-danger' onclick='deleteWord("${word}")' >` +
         "<i class='fas fa-trash'></i></button></div></li>"
       );