Design issue with bootstrap

[kamov]

There is a design issue with bootstrsap, check screnshot:

the buttons are not aligned, and are not on top of selected text.

for fix button alignment, I add:

.jquery-notebook.bubble button { margin-top:0 }

but not sure how to fix that buttons appear on top of selected text.

[timcosta]

This is more likely an issue with the fact that css transforms are being used to place the bubble. If you checkout the stable branch of my fork, I re-designed the placement algorithm to better tolerate the edges of the page and to be more reliable. Sorry for the fork plug, but I have put in many PR's here to fix issues and none of them have been accepted.

[kamov]

Hi @tjsail33
Thanks for reply. I try use your fork, but the issue are the similar (a bit different but similar):

[florenthobein]

If it still is of any help, .jquery-notebook.bubble button { margin-top: 0 !important; } solves the problem.