How do I adjust the panel divider size and color

[kendoori]

I have moved the Favorites to the left, and changed the background and font color to match the default notebooks/tags panel. Somehow this has created a thick divider between the Favorites.

[benji300]

Unfortunately this is nothing which is caused by the plugin. It is the Apps default behavior. Which places between each panel an empty white space (splitter) for resizing the panel widths and heights.
In the "Change application layout" view you can see where these splitters are added by the app.

You could only try to change the background color of this splitter by with custom css.

[benji300]

As a workaround the following code could be pasted into userchrome.css:

/* remove white border (~5px, right) from columns with one panel */
.rli-root > .resizableLayoutItem > div {
  width: 100% !important;
}
/* remove white border (~5px, right, below) from columns with two or more panels */
.rli-root > .resizableLayoutItem > .resizableLayoutItem > div {
  height: 100% !important;
  width: 100% !important;
}
/* remove small border (1px, below) plugin iframes */
div.resizableLayoutItem iframe {
  border-bottom: none !important;
}

[lohau]

That got rid of the dividers, but now the favorites panel is only half as wide as the notebook panel:

[mygithubdevaccount]

That got rid of the dividers, but now the favorites panel is only half as wide as the notebook panel:

Just remove width: 100% !important; in the second rule to be:

.rli-root > .resizableLayoutItem > .resizableLayoutItem > div {
  height: 100% !important;
}