From 1888e0fb92ea933970e650aac96bc38bc2a0fe37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bartosz=20Szczeci=C5=84ski?=
 <BTMPL@users.noreply.github.com>
Date: Mon, 28 Jan 2019 18:18:54 +0100
Subject: [PATCH] fix: horizontal overflow in collapsible sidebar (#1205)

When the sidebar is collapsible, a horizontal scrollbar can be seen, e.g.:

https://docusaurus.io/docs/en/installation - https://i.imgur.com/IkrkLrp.png

This is caused by the arrow being rendered outside of the sidebar box.
---
 v1/lib/static/css/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/v1/lib/static/css/main.css b/v1/lib/static/css/main.css
index a7378c3e5f..f5a8ad5e0c 100644
--- a/v1/lib/static/css/main.css
+++ b/v1/lib/static/css/main.css
@@ -1610,7 +1610,7 @@ input::placeholder {
 
 .collapsible .arrow {
   float: right;
-  margin-right: 5px;
+  margin-right: 8px;
   transform: rotate(90deg);
   transition: transform 200ms linear;
 }