DisclosurePanel styling bug?

Question

Here is my problem: When I navigate to the view shown below, the disclosurepanel has a big distance to the grid and when I click on a disclosurepanel header it gets a "selection border" - But when I refresh the browser, everything is on the position where it should be and the disclosurepanel header doesnt get selected anymore when I click on it. I have a ui.xml like this:

<g:HTMLPanel>
    <g:VerticalPanel>
        <g:Grid>
            <g:row>
                <g:customCell>
                    <g:Button ui:field="editBTN" width="50px"></g:Button>
                </g:customCell>
                <g:customCell>
                    <g:Button ui:field="deleteBTN" width="50px"></g:Button>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="date" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="begin" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="end" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="pause" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="sum" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="tasks" width="100px"></g:Label>
                </g:customCell>
            </g:row>
        </g:Grid>       


            <g:DisclosurePanel>
                <g:header>test</g:header>
            </g:DisclosurePanel>
            <g:DisclosurePanel>
                <g:header>test</g:header>
                <g:Grid>
                <g:row>
                    <g:customCell>
                        <g:TextBox ui:field="fromDATEtbx" width="100px"></g:TextBox>
                    </g:customCell>
                    <g:customCell>
                        <g:TextBox ui:field="toDATEtbx" width="100px"></g:TextBox>
                    </g:customCell>
                </g:row>
            </g:Grid>       
            </g:DisclosurePanel>
    </g:VerticalPanel>
</g:HTMLPanel>

Is this a known bug/mistake?

Answer 1

Ok solved the Problem. Somehow it adds

td { padding: 8px; }

to your styling. I simply set

td { padding: 0px; }

to my uibinder.