Update wiki.html

Author: kRxZykRxZy

src/wiki.html

@@ -117,9 +117,16 @@
       color: #777;
     }
 
-    .edit, .delete {
+    /* Flexbox for Edit and Delete buttons */
+    .button-container {
+      display: flex;
+      gap: 10px;
       position: absolute;
       top: 10px;
+      right: 10px;
+    }
+
+    .edit, .delete {
       padding: 8px 15px;
       border-radius: 5px;
       font-size: 1rem;
@@ -130,7 +137,6 @@
     .edit {
       background-color: #ffcc00;
       color: white;
-      right: 60px;
     }
 
     .edit:hover {
@@ -140,7 +146,6 @@
     .delete {
       background-color: #ff4d4d;
       color: white;
-      right: 10px;
     }
 
     .delete:hover {
@@ -215,16 +220,18 @@ <h2>Wikis</h2>
             <h3>${wiki.title}</h3>
             <p>${wiki.content}</p>
             <small>Owner: ${wiki.owner}</small>
-            ${isOwnerOrAdmin(wiki.owner) ? `<button class="edit" onclick="editWiki(${wiki.id}, '${wiki.title}', '${wiki.content}')">Edit</button>` : ''}
-            ${isOwnerOrAdmin(wiki.owner) ? `<button class="delete" onclick="deleteWiki(${wiki.id})">Delete</button>` : ''}
+            <div class="button-container">
+              ${isOwnerOrAdmin(wiki.owner) ? `<button class="edit" onclick="editWiki(${wiki.id}, '${wiki.title}', '${wiki.content}')">Edit</button>` : ''}
+              ${isOwnerOrAdmin(wiki.owner) ? `<button class="delete" onclick="deleteWiki(${wiki.id})">Delete</button>` : ''}
+            </div>
           `;
           wikiList.appendChild(li);
         });
       };
 
       // Check if user is the owner or admin
       const isOwnerOrAdmin = (owner) => {
-        return owner === username || username === "kRxZy_kRxZy" || username === "MyScratchedAccount" || username === "mcgdj";
+        return owner === username || username === "krxzy_krxzy" || username === "myscratchedaccount" || username === "mcgdj";
       };
 
       // Create a new wiki