Added Inter font for the UI, replaced some icons with Material Design Icons, minor css improvements

app/static/css/main.css

@@ -1,7 +1,22 @@
+/* Font */
+
+@font-face {
+    font-family: "Inter";
+    src: url('/static/fonts/Inter-Regular.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "Inter";
+    src: url('/static/fonts/Inter-Bold.ttf');
+    font-weight: bold;
+    font-style: normal;
+}
+
 /* Variables */
 
 :root {
-    --font-family: 'Liberation Sans', sans-serif;
+    --font-family: "Inter";
     --color: #fafafa;
     --color-error: #ff682c;
     --bg-page-color: #222222;
@@ -60,6 +75,11 @@ input[type="text"], input[type="password"], input[type="number"], select {
     border-bottom: 1px solid var(--border-color);
     border-radius: var(--border-radius);
     background: var(--bg-color);
+    font-family: "Inter";
+}
+
+select {
+    height: 2.5rem;
 }
 
 table {
@@ -139,6 +159,10 @@ th {
     gap: 1rem;
 }
 
+.userinfo {
+    font-size: 1.05rem;
+}
+
 .userinfo > span {
     vertical-align: middle;
 }
@@ -154,6 +178,10 @@ th {
     gap: .5rem;
 }
 
+.userpanel-buttons > .button, .userpanel-buttons button {
+    height: 1.2rem;
+}
+
 .userbalancewarn {
     color: var(--color-error);
     font-weight: bold;
@@ -323,6 +351,11 @@ main {
     z-index: 190;
 }
 
+.dropdownbutton > img {
+    width: auto;
+    height: 100%;
+}
+
 .dropdownlist {
     position: absolute;
     display: flex;
@@ -366,7 +399,7 @@ main {
 }
 
 .customnumberinput {
-    height: 2.2rem;
+    height: 2.5rem;
 }
 
 .customnumberinput button {

app/static/css/simple-keyboard_dark.css

@@ -5,6 +5,7 @@
     width: 50rem;
     max-width: 100%;
     background: transparent;
+    font-family: "Inter";
 }
 .simple-keyboard.darkTheme .hg-button {
     height: 50px;