increase navigator-dock-wrapper width so that it doesn't overflow in x

[1] reduced the navigator sidebar width from 330px to 250px, but it
didn't take into account the overflow-x (which is hidden). when the
elements were inserted dynamically (by javascript), they got scrolled
off to the left side giving an impression that they are cut off.

this patch increases the width to 266px as at that width, no overflow-x
exists on navigator-dock-wrapper.

--
[1] Reduce the navigator sidebar width and change bg color for navigator
    85d604d

Signed-off-by: Sahil Gautam <[email protected]>
Change-Id: Iaf769bdce11dc27fa11af3f831f691bc2d6c9cad

Author: printfdebugging

browser/css/jssidebar.css

@@ -577,8 +577,20 @@ span.jsdialog.sidebar.ui-treeview-notexpandable {
 #navigation-options .tab.selected:after {
 	border-bottom-color: rgba(var(--doc-type), 1);
 }
+
+/*
+ * NOTE: there are some hidden elements on the navigation sidebar
+ *			and the horizontal overflow on `navigator-dock-wrapper` is
+ *			hidden, so if the width is to be changed, then please do so
+ *			with the overflow-x visible so that it's not set too small.
+ *
+ *			when the width is is less than the largest elements, which
+ *			might be hidden, the x overflow starts building up. and when
+ *			the elements are dynamically loaded, they might get scrolled
+ *			off to the left giving an impression that they are cut off.
+ */
 #navigation-sidebar {
-	width: 250px;
+	width: 266px;
 	display: none;
 	border-inline-end: 1px solid var(--color-border);
 	/* bg set in #sidebar-dock-wrapper, #navigator-dock-wrapper */