[CLOSED] How to reduce the padding for buttons at panel bottom?

[rnachman]

Hi,

I have added button to the panel and aligned center. I want to reduce the default padding above and below of the button as showing in the screenshot. Can you please let me know how can it be possible?

<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" StyleSpec="bg">
        <Items>
            <ext:Panel ID="pnlProfile" runat="server" Region="Center" Layout="BorderLayout" Border="false"
                ButtonAlign="Center">
                <Items>
                    <ext:Panel ID="Panel1" runat="server" Region="Center" Layout="BorderLayout" Border="true"
                        BodyStyle="background-color:#ffffff" Padding="5">
                        <Items>
                            <ext:Panel ID="pnlAdminMsg" runat="server" Region="Center" Margins="5,5,5,5" Layout="BorderLayout"
                                Border="false">
                                <Items>
                                    <ext:TextArea ID="txtMessage" runat="server" Region="Center" AutoScroll="true">
                                    </ext:TextArea>
                                </Items>
                            </ext:Panel>
                            <ext:Panel ID="pnlAdminGrdMsgs" runat="server" Region="South" Collapsible="true"
                                Collapsed="true" MaxHeight="100" Height="100" Layout="BorderLayout" Border="false">
                                <Items>                                    
                                </Items>
                            </ext:Panel>
                        </Items>
                    </ext:Panel>
                </Items>
                <Buttons>
                    <ext:Button ID="btnAddNotice" runat="server" Text="Add Notice" Icon="Add">
                    </ext:Button>
                </Buttons>
            </ext:Panel>
        </Items>
    </ext:Viewport>

[Vladimir]

If you want to reduce padding for all buttons bars then add the following css rule to the page

.x-panel-btns {
	        overflow:hidden;
	        padding:0px;
        }

If for particular panel only then add Cls="x-small-buttons" for the panel and use the following rule

.x-small-buttons .x-panel-btns {
	        overflow:hidden;
	        padding:0px;
        }

[rnachman]

Hi Vladimir,

Thank you. I have implemented and it is working.

If you want to reduce padding for all buttons bars then add the following css rule to the page

.x-panel-btns {
	        overflow:hidden;
	        padding:0px;
        }

If for particular panel only then add Cls="x-small-buttons" for the panel and use the following rule

.x-small-buttons .x-panel-btns {
	        overflow:hidden;
	        padding:0px;
        }