From c3b902ae65243e93789eae24d9136bc791b53e7b Mon Sep 17 00:00:00 2001
From: Tom <71405826+Tomveloper@users.noreply.github.com>
Date: Thu, 7 Nov 2024 22:50:57 +0200
Subject: [PATCH] Update zen-decks.css to fix split view spacing

Fixes the focused split view tab outline being cut out horizontally when vertical tabs are expanded.

Makes the outline offset be -1px so that the split viewfocused tab outline overlays and hides the gray border which shouldn't be still seen when the tab has the focus outline.

Signed-off-by: Tom <71405826+Tomveloper@users.noreply.github.com>
---
 src/browser/base/content/zen-styles/zen-decks.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css
index 297d0d128..01641a18f 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -27,7 +27,7 @@
 
 #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'], #zen-splitview-dropzone {
   flex: 1;
-  margin: calc(var(--zen-split-column-gap) / 2) calc(var(--zen-split-row-gap) / 2);
+  margin: calc(var(--zen-split-column-gap) / 2) calc(var(--zen-split-row-gap) / 2 + 1px);
   position: absolute !important;
   overflow: hidden;
 }
@@ -45,6 +45,7 @@
 
 #tabbrowser-tabpanels[zen-split-view='true'] .browserSidebarContainer.deck-selected {
   outline: 2px solid var(--zen-primary-color) !important;
+  outline-offset: -1px;
 }
 
 #tabbrowser-tabbox {