From a1bf0a454f9fc118f3508d44139cc2108ae9fd95 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 22 May 2025 18:19:49 +0600
Subject: [PATCH] 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                                 | 6 +-----
 web/src/components/queue/ProcessingQueue.svelte | 2 +-
 web/src/routes/+layout.svelte                   | 6 ------
 3 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/web/src/app.css b/web/src/app.css
index 397f4ddd..e0445fa0 100644
--- a/web/src/app.css
+++ b/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);
 
diff --git a/web/src/components/queue/ProcessingQueue.svelte b/web/src/components/queue/ProcessingQueue.svelte
index 4eaf4da1..c9347ee0 100644
--- a/web/src/components/queue/ProcessingQueue.svelte
+++ b/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;
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 8297773e..773abadb 100644
--- a/web/src/routes/+layout.svelte
+++ b/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);