From 8b1e1185eeada9a4db6f0835103e4b3a57d2493f Mon Sep 17 00:00:00 2001
From: ENGO150 <v.smejkal06@gmail.com>
Date: Wed, 22 May 2024 15:36:46 +0200
Subject: [PATCH] moved admin panel buttons to separate div

---
 res/forum/admin.html | 12 +++++-------
 res/forum/style.css  | 12 ++++++++++--
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/res/forum/admin.html b/res/forum/admin.html
index 33917b4..197e36f 100644
--- a/res/forum/admin.html
+++ b/res/forum/admin.html
@@ -3,18 +3,16 @@
         Zde budou uživatelé.
     </div>
     <div id="right_panel">
-        <button onclick="remove_user()" id="remove_btn">Odstranit Uživatele</button>
+	<div id="buttons">
+            <button class="btn">Uložit Změny</button>
+            <button onclick="remove_user()" class="btn">Odstranit Uživatele</button>
+         </div>
     </div>
 </div>
 <script>
     var right_panel_buffer = null;
     var username = null;
 
-    $(document).ready(function()
-    {
-        $("#remove_btn").hide();
-    });
-
     $.ajax
     ({
         url: "./res/forum/api/list_users.php",
@@ -32,7 +30,7 @@
 
     $("#left_panel").on("click", ".output", function(event)
     {
-        $("#remove_btn").show();
+        $("#buttons").show();
         if (right_panel_buffer == null) right_panel_buffer = document.getElementById("right_panel").innerHTML;
 
         username = event.target.innerHTML;
diff --git a/res/forum/style.css b/res/forum/style.css
index 38eb122..65f58b0 100644
--- a/res/forum/style.css
+++ b/res/forum/style.css
@@ -75,14 +75,22 @@ img:hover
     margin-top: 1.5vh;
 }
 
-#remove_btn
+#buttons
 {
     position: absolute;
     bottom: 0.3vh;
     right: 0.3vh;
+    display: none;
+}
+
+.btn
+{
+    width: fit-content;
 
-    width: 10%;
     padding: 0.3vh;
+    padding-left: 0.9vh;
+    padding-right: 0.9vh;
+
     background-color: #9E6812;
     border: 1px solid #3E392F;
     color: #C1BFBE;