From 2eb72f5350fb9d1c9fcdb81534961c246c1c259b Mon Sep 17 00:00:00 2001
From: Idrees Hassan <idrees@idreesinc.com>
Date: Sat, 13 Sep 2025 14:58:27 -0400
Subject: [PATCH] Update separator design

---
 build.js          |  2 +-
 dist/birb.js      |  9 ++++-----
 dist/birb.user.js | 11 +++++------
 stylesheet.css    |  9 ++++-----
 4 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/build.js b/build.js
index 4164664..aea4f12 100644
--- a/build.js
+++ b/build.js
@@ -24,7 +24,7 @@ const userScriptHeader =
 `// ==UserScript==
 // @name         Browser Bird
 // @namespace    https://idreesinc.com
-// @version      2025-09-10-01
+// @version      2025-09-13-01
 // @description  birb
 // @author       Idrees
 // @downloadURL  https://github.com/IdreesInc/Browser-Bird/raw/refs/heads/main/dist/birb.user.js
diff --git a/dist/birb.js b/dist/birb.js
index 55a0692..e903043 100644
--- a/dist/birb.js
+++ b/dist/birb.js
@@ -186,7 +186,6 @@ const STYLESHEET = `:root {
 	box-sizing: border-box;
 	background-color: #ffecda;
 	margin-top: var(--border-size);
-	width: 100%;
 	flex-grow: 1;
 	box-shadow:
 		var(--border-size) 0 #ffecda,
@@ -268,11 +267,11 @@ const STYLESHEET = `:root {
 
 .birb-window-separator {
 	width: 100%;
-	height: 1.5px;
-	background-color: #000000;
+	height: var(--border-size);
+	background-color: var(--border-color);
 	box-sizing: border-box;
-	margin-top: 4px;
-	margin-bottom: 4px;
+	margin-top: var(--double-border-size);
+	margin-bottom: var(--double-border-size);
 	opacity: 0.4;
 }
 
diff --git a/dist/birb.user.js b/dist/birb.user.js
index 8189efb..d43399c 100644
--- a/dist/birb.user.js
+++ b/dist/birb.user.js
@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         Browser Bird
 // @namespace    https://idreesinc.com
-// @version      2025-09-10-01
+// @version      2025-09-13-01
 // @description  birb
 // @author       Idrees
 // @downloadURL  https://github.com/IdreesInc/Browser-Bird/raw/refs/heads/main/dist/birb.user.js
@@ -200,7 +200,6 @@ const STYLESHEET = `:root {
 	box-sizing: border-box;
 	background-color: #ffecda;
 	margin-top: var(--border-size);
-	width: 100%;
 	flex-grow: 1;
 	box-shadow:
 		var(--border-size) 0 #ffecda,
@@ -282,11 +281,11 @@ const STYLESHEET = `:root {
 
 .birb-window-separator {
 	width: 100%;
-	height: 1.5px;
-	background-color: #000000;
+	height: var(--border-size);
+	background-color: var(--border-color);
 	box-sizing: border-box;
-	margin-top: 4px;
-	margin-bottom: 4px;
+	margin-top: var(--double-border-size);
+	margin-bottom: var(--double-border-size);
 	opacity: 0.4;
 }
 
diff --git a/stylesheet.css b/stylesheet.css
index f535f1f..c6a4768 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -134,7 +134,6 @@
 	box-sizing: border-box;
 	background-color: #ffecda;
 	margin-top: var(--border-size);
-	width: 100%;
 	flex-grow: 1;
 	box-shadow:
 		var(--border-size) 0 #ffecda,
@@ -216,11 +215,11 @@
 
 .birb-window-separator {
 	width: 100%;
-	height: 1.5px;
-	background-color: #000000;
+	height: var(--border-size);
+	background-color: var(--border-color);
 	box-sizing: border-box;
-	margin-top: 4px;
-	margin-bottom: 4px;
+	margin-top: var(--double-border-size);
+	margin-bottom: var(--double-border-size);
 	opacity: 0.4;
 }