how to space quick menu image buttons?

[Cubaris]

currently struggling with how to space quick menu buttons since this is my first time tampering with them </3 i tried to mess with this code in gui.rpy

Code: Select all

define gui.quick_button_borders = Borders(15, 6, 15, 0)

but i didn't see any effect on the buttons.

here's how it looks at the moment.


and this is how i have the buttons set up (ignore the idle and hover being the same image LOL)

Code: Select all

if quick_menu:

        hbox:
            style_prefix "quick"

            xalign 0.5
            yalign 0.995

            imagebutton idle ("/gui/button/back.png") hover ("/gui/button/back.png") action Rollback()
            imagebutton idle ("/gui/button/log.png") hover ("/gui/button/log.png") action ShowMenu('history')
            imagebutton idle ("/gui/button/skip.png") hover ("/gui/button/skip.png") action Skip() alternate Skip(fast=True, confirm=True)
            imagebutton idle ("/gui/button/auto.png") hover ("/gui/button/auto.png") action Preference("auto-forward", "toggle")
            imagebutton idle ("/gui/button/save.png") hover ("/gui/button/save.png") action ShowMenu('save')
            imagebutton idle ("/gui/button/load.png") hover ("/gui/button/load.png") action ShowMenu('load')
            imagebutton idle ("/gui/button/menu.png") hover ("/gui/button/menu.png") action ShowMenu('preferences')

[plastiekk]

...

Should work with a grid.
Try:

Code: Select all

if quick_menu:

        hbox:
            style_prefix "quick"

            xalign 0.5
            yalign 0.995

            grid 7 1:        # 7 buttons, 1 row
                spacing 10   # adjust to the spacing you want.
                
                imagebutton idle ("/gui/button/back.png") hover ("/gui/button/back.png") action Rollback()
                imagebutton idle ("/gui/button/log.png") hover ("/gui/button/log.png") action ShowMenu('history')
                imagebutton idle ("/gui/button/skip.png") hover ("/gui/button/skip.png") action Skip() alternate Skip(fast=True, confirm=True)
                imagebutton idle ("/gui/button/auto.png") hover ("/gui/button/auto.png") action Preference("auto-forward", "toggle")
                imagebutton idle ("/gui/button/save.png") hover ("/gui/button/save.png") action ShowMenu('save')
                imagebutton idle ("/gui/button/load.png") hover ("/gui/button/load.png") action ShowMenu('load')
                imagebutton idle ("/gui/button/menu.png") hover ("/gui/button/menu.png") action ShowMenu('preferences')