From 3a288bc1c1de3235b98c1d94f18df5388e593366 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Wed, 4 May 2022 18:49:10 +0200
Subject: [PATCH] Web: Add gap around the main app

---
 web/app/src/assets/base.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index df600a19..fbe495d7 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -32,7 +32,7 @@
 
   --header-height: 25px;
   --footer-height: 25px;
-  --grid-gap: 4px;
+  --grid-gap: 6px;
 
   --transition-speed: 240ms;
   --transition-speed-fast: 60ms;
@@ -58,8 +58,9 @@ body {
     "footer footer footer";
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: var(--header-height) 1fr var(--footer-height);
-  height: 100%;
-  width: 100%;
+  padding: var(--grid-gap);
+  height: calc(100% - calc(var(--grid-gap) * 2));
+  width: calc(100% - calc(var(--grid-gap) * 2));
 }
 
 @media (max-width: 1280px) {