fix styling

public/global.css

@@ -16,10 +16,6 @@ body {
   user-select: none;
 }
 
-pre {
-  font-family: monospace;
-}
-
 body {
   margin: 0;
   padding: 1rem;
@@ -113,6 +109,11 @@ body {
   font-size: 0.75rem;
 }
 
+.iplist {
+  font-family: monospace;
+  white-space: pre;
+}
+
 input,
 select {
   width: 100%;

src-tauri/tauri.conf.json

@@ -60,7 +60,7 @@
       {
         "title": "slidershim",
         "width": 500,
-        "height": 550,
+        "height": 600,
         "resizable": false,
         "fullscreen": false,
         "decorations": false,

src/App.svelte

@@ -210,12 +210,12 @@
       <div class="input">
         <div class="serverlist">
           Brokenithm server running, access at one of:
-          <pre>
+          <div class="iplist">
             {ips
               .map((x) => `http://${x}:1606/`)
               .join("\n")
               .trim()}
-          </pre>
+          </div>
         </div>
       </div>
     </div>