File off some rough spots in the DOM.

* We had an unused layer of divs in the main UI.
* The <div id="app"> div was superfluous with the body-level div in app.html.
* Some formatting changes in one component?? Weird.

1 files changed, 6 insertions, 6 deletions

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index ea6e304..68c5c91 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -26,12 +26,12 @@
     display: flex;
   }
   .message-body {
-      overflow: auto;
-      max-width: 80vw;
-      @media (width > 640px) {
-          /* 21rem is width of the nav bar in full-screen mode. */
-          max-width: calc(90vw - 21rem);
-      }
+    overflow: auto;
+    max-width: 80vw;
+    @media (width > 640px) {
+      /* 21rem is width of the nav bar in full-screen mode. */
+      max-width: calc(90vw - 21rem);
+    }
   }
   .message-body:empty:after {
     content: '.';