Feature request: support checkbox in menu-badge

[zwz]

I was build a shopping cart.
There was a list of stuff. I listed the titles of them with menu, with the price in the badge.
When an item is selected, detail information will be shown, but not added to the cart.

I want to use checkbox to indicate if it is added to the cart or not.
What I thought is to put the checkbox in the menu-badge, and one can click the price to add it to the cart.

But with

                <div class="menu-badge">
                    <label class="form-checkbox">
                        <label class="label label-primary label-rounded">
                            $10.00
                            <input  type="checkbox">
                            <i class="form-icon"></i>
                        </label>
                    </label>
                </div>

the checkbox is outside of the badge. While with

                <div class="menu-badge">
                    <label class="label label-primary label-rounded">
                        <label class="form-checkbox">
                            $10.00
                            <input  type="checkbox">
                            <i class="form-icon"></i>
                        </label>
                    </label>
                </div>

the height of the badge is too large.

[picturepan2]

@zwz This feature is added to Menu now. Could you confirm it is what you need?

[zwz]

@picturepan2 Quite close. When the text of the menu item is long enough (multiple line), the checkbox would overlay the text. And I want the badge has some background, so I add "label label-primary" class on the badge, but then it behaves a little different from a normal badge on a multiple-line menu-item. Its height is enlarged.