web/layout: remove content margin (frame)

it feels unnatural in safari and other browsers with colored headers

most browsers have their own frame nowadays (for some reason) so in those it looks even weirder than in regular ones (such as helium). just a waste of space.

web/src/app.css

@@ -45,6 +45,7 @@
     --sidebar-stroke: rgba(0, 0, 0, 0.04);
 
     --content-border: rgba(0, 0, 0, 0.03);
+    --content-border-thickness: 1px;
 
     --input-border: #adadb7;
 
@@ -68,11 +69,6 @@
             )
     );
 
-    --content-border-thickness: 1px;
-    --content-margin: calc(
-        var(--sidebar-inner-padding) + var(--content-border-thickness)
-    );
-
     --safe-area-inset-top: env(safe-area-inset-top);
     --safe-area-inset-bottom: env(safe-area-inset-bottom);
 

web/src/components/queue/ProcessingQueue.svelte

@@ -94,7 +94,7 @@
 
 <style>
     #processing-queue {
-        --holder-padding: 16px;
+        --holder-padding: 12px;
         position: absolute;
         right: 0;
         display: flex;

web/src/routes/+layout.svelte

@@ -163,14 +163,10 @@
         overflow: scroll;
         background-color: var(--primary);
         box-shadow: 0 0 0 var(--content-border-thickness) var(--content-border);
-
-        border-radius: 6px;
-        margin: var(--content-margin);
         margin-left: var(--content-border-thickness);
     }
 
     #content:dir(rtl) {
-        margin-left: var(--content-margin);
         margin-right: var(--content-border-thickness);
     }
 
@@ -197,8 +193,6 @@
             order: -1;
 
             margin: 0;
-            box-shadow: none;
-            border-radius: 0;
 
             border-bottom-left-radius: calc(var(--border-radius) * 2);
             border-bottom-right-radius: calc(var(--border-radius) * 2);