As I work on constructing a website, I have implemented a custom pager to manage the data. Despite the functionality of the pager being seamless, there is an issue with the page numbers overlapping each other. I am seeking suggestions on how to enhance the styling for a more aesthetically pleasing display.
Source Code
<ItemTemplate>
<asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
style="padding:8px; margin:2px; background:#ac9e94; border:solid 1px #666; font:8pt; color:#594334;"
CssClass='<%# Convert.ToBoolean(Eval("Enabled")) ? "page_enabled" : "page_disabled" %>'
OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'>
</asp:LinkButton>
</ItemTemplate>
I experimented by adding margins but it did not resolve the issue.