Some ui work on Server->Preference screen to make it a little bit prettier

1 files changed, 10 insertions, 4 deletions

diff --git a/src/renderer/gameserver/server.ts b/src/renderer/gameserver/server.ts
index 30b40e1..19450b7 100644
--- a/src/renderer/gameserver/server.ts
+++ b/src/renderer/gameserver/server.ts
@@ -169,22 +169,28 @@ export default class GameServer {
 
   private getPreferencesPage():HTMLElement{
     const content = document.createElement('div');
-    content.classList.add("PreferencesPage");
+    content.classList.add("preferencesServerPage");
 
     const title = document.createElement('h2');
     title.innerText = `Preferences for ${this.name}`;
     content.appendChild(title);
 
     const loginSection = document.createElement('div');
-    loginSection.classList.add("LoginSection");
+    loginSection.classList.add("loginSection");
     content.appendChild(loginSection);
 
+    const loginUsernameLabel = document.createElement('label');
+    loginUsernameLabel.innerText = "Username";
     const loginUsername = document.createElement('input') as HTMLInputElement;
     loginUsername.value = localStorage.getItem("2_username_"+this.profile.address);
+    loginUsernameLabel.appendChild(loginUsername);
 
+    const loginPinLabel = document.createElement('label');
+    loginPinLabel.innerText = "Password";
     const loginPin = document.createElement('input') as HTMLInputElement;
     loginPin.type = "password";
     loginPin.value = localStorage.getItem("2_pin_"+this.profile.address);
+    loginPinLabel.appendChild(loginPin);
 
     const saveBtn =  document.createElement('button') as HTMLButtonElement;
     saveBtn.innerText = "save";
@@ -196,8 +202,8 @@ export default class GameServer {
     });
 
 
-    loginSection.appendChild(loginUsername);
-    loginSection.appendChild(loginPin);
+    loginSection.appendChild(loginUsernameLabel);
+    loginSection.appendChild(loginPinLabel);
     loginSection.appendChild(saveBtn);
 
     return content;