From 49f646a9c953ffea3bce348563d5fbfe94312abe Mon Sep 17 00:00:00 2001
From: Camila Belo <camilaibs@gmail.com>
Date: Mon, 28 Mar 2022 10:45:46 +0200
Subject: [PATCH] fix(techdocs): drawer toggle margins

Signed-off-by: Camila Belo <camilaibs@gmail.com>
---
 .../techdocs/src/reader/transformers/addSidebarToggle.ts   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/plugins/techdocs/src/reader/transformers/addSidebarToggle.ts b/plugins/techdocs/src/reader/transformers/addSidebarToggle.ts
index 9d9db15e45..69256d3ed6 100644
--- a/plugins/techdocs/src/reader/transformers/addSidebarToggle.ts
+++ b/plugins/techdocs/src/reader/transformers/addSidebarToggle.ts
@@ -34,10 +34,11 @@ export const addSidebarToggle = (): Transformer => {
 
     const toggleSidebar = mkdocsToggleSidebar.cloneNode() as HTMLLabelElement;
     ReactDOM.render(React.createElement(MenuIcon), toggleSidebar);
-    toggleSidebar.style.paddingLeft = '5px';
-    toggleSidebar.classList.add('md-content__button');
-    toggleSidebar.title = 'Toggle Sidebar';
     toggleSidebar.id = 'toggle-sidebar';
+    toggleSidebar.title = 'Toggle Sidebar';
+    toggleSidebar.classList.add('md-content__button');
+    toggleSidebar.style.setProperty('padding', '0 0 0 5px');
+    toggleSidebar.style.setProperty('margin', '0.4rem 0 0.4rem 0.4rem');
     article?.prepend(toggleSidebar);
     return dom;
   };