Bootstrap sets the white-space property in buttons to nowrap, and that made our 'remove' buttons inside table cells look funny, with the label shooting out of the button frame.
Set the white-space property for such buttons to normal, so that labels wrap when there is no sufficient horizontal space available. Also, give the button column a bit more width to minimise button wrapping, which looks rather ugly. Signed-off-by: Belen Barros Pena <[email protected]> --- .../toaster/toastergui/static/css/bootstrap3-transition.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css index 4a9dd88..062e222 100644 --- a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css +++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css @@ -144,3 +144,13 @@ fieldset[disabled] .btn-primary:hover { .tooltip .btn-small { margin: 10px; } + +/* Table buttons */ + +td > .btn { + white-space: normal; +} + +th.add-del-layers { + width: 18%; +} -- 1.9.1 -- _______________________________________________ toaster mailing list [email protected] https://lists.yoctoproject.org/listinfo/toaster
