icons are sticking together

[Blackscr33n]

Hey Community!

I got a toolbar with 1 icon to close the browser 2 icons for back & forward and 1 custom btn.

The problem I got is, that the icons are sticked together so it is pretty hard to hit the right one. Is there a recommended size or is there a trick or something else? I can't achieve the wanted look.

Here is the screenshot of the toolbar:

[marc7000]

Hi,

see: https://github.com/initialxy/cordova-plugin-themeablebrowser#how-do-i-add-margings-and-paddings

How do I add margings and paddings?

There is no margins or paddings. However notice that you can assign images to each of the buttons. So take advantage of PNG's transparency to create margins/paddings around your buttons.

The height of the toolbar is "44px", the close button in the toolbar has a dimension of "104x88px" and image density setting "2". Add transparent space around the icon.

cordova.ThemeableBrowser.open(url, '_blank', {
        toolbar: {
        height: 44,
        color: '#000000'
    },
    title: {
        color: '#ffffff',
        staticText: title,
        showPageTitle: false
    },
    closeButton: {
       wwwImage: 'assets/images/iab-close-button.png',
       wwwImageDensity: 2,
       align: 'left',
        event: 'closePressed'
    },
    backButtonCanClose: true,
    hidden: true
});