add custom listenbrainz url support and make ui "consistent"

Co-authored-by: spezifisch <spezifisch@users.noreply.github.com>
Co-authored-by: Alex McGrath <amk@amk.ie>

server/assets/static/main.css

@@ -23,6 +23,7 @@ html {
   font-family: monospace;
   font-size: var(--size);
   color: black;
+  line-height: 1;
 }
 
 body {
@@ -37,10 +38,12 @@ button,
 textarea {
   border-radius: 0;
   box-sizing: border-box;
-  margin: calc(var(--size)*0.33) 0 0 0;;
-  border: 1px solid #ccc;
+  margin: 0;
   padding: 0;
-  vertical-align: middle;
+  border: none;
+  outline: 1px solid #ccc;
+  height: var(--size);
+  vertical-align: bottom;
 }
 
 input[type] {
@@ -54,10 +57,6 @@ input[type="password"] {
   width: 100%;
 }
 
-form {
-  display: inline;
-}
-
 form.block {
   max-width: var(--width-form);
   margin-left: auto;
@@ -171,8 +170,3 @@ a:hover {
 .angry {
   background-color: #f4433669;
 }
-
-#listenbrainz-pref {
-  width: 100%;
-  margin: calc(var(--size)*0.5) 0;
-}