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

1 files changed, 35 insertions, 3 deletions

diff --git a/assets/index.css b/assets/index.css
index 5dfd86e..07ef7e5 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -98,6 +98,9 @@ html, body {
   width: 190pt;
   font-size: x-large;
   font-family: SourceSansPro;
+  font-weight: bolder;
+  border-radius: 5pt;
+  background-color: #dd7800;
 }
 
 #play:focus {
@@ -243,7 +246,7 @@ z-index: 2;
 
 }
 
-.infoServerPage > .title {
+.infoServerPage > .title, .preferencesServerPage > h2 {
   /*outline: 1pt red dotted; */
   background: rgba(0, 0, 0, 0.6);
   margin-bottom: 5pt;
@@ -287,6 +290,31 @@ z-index: 2;
   text-decoration: underline;
 }
 
+.preferencesServerPage {
+  padding: 0 12pt;
+}
+
+.preferencesServerPage > .loginSection {
+  padding: 3pt 12pt;
+  background: rgba(0, 0, 0, 0.6);
+  width: fit-content;
+}
+.preferencesServerPage > .loginSection > button {
+  border-radius: 4pt;
+  margin: 6pt 0 6pt 0;
+  width: 100%;
+}
+
+.preferencesServerPage > .loginSection > label {
+  display: block;
+  margin-top: 3pt;
+}
+.preferencesServerPage > .loginSection > label > input {
+  display: block;
+  border-radius: 2pt;
+}
+
+
 .unknownServerPage {
   background: rgba(0, 0, 0, 0.6);
   color:white;
@@ -313,15 +341,19 @@ z-index: 2;
 }
 
 .socialContainer {
-  height:20pt;
+  height:26pt;
   margin-bottom: 4pt;
 }
 
 .socialContainer > button {
-  height:16pt;
+  height: 24pt;
+  width: 24pt;
   margin-left: 3pt;
   cursor: pointer;
   border-radius: 4pt;
+  padding: unset;
+  font-size: large;
+  color:rgb(42, 42, 42);
 }
 
 #activity {