I have a solution now that seems to work. In style.css, I added:
#content a.w2p_trap.button {
margin-right: 8px;
}
This solves the spacing problem between the buttons. I'm wondering is this
is specific enough, i.e does web2py apply the w2p_trap and button classes
to any anchors other than View, Edit, Create, Delete, Add, Export?
On Friday, September 14, 2012 11:03:37 AM UTC-4, Michael Ellis wrote:
>
> I've got an app that uses SQLFORM.grid in a number of pages.
>
> At the end of each row in my grid, the View, Edit, Create, Delete buttons
> are rendered as text links with no horizontal margin or padding, ie they
> render like this:
>
> *ViewEditCreateDelete*
>
> I'd like to at least put some horizontal space between them and, perhaps,
> render them as nice looking buttons.
>
> The generated html for each button looks like this:
>
> <a class="w2p_trap button" href="
> /init/default/test_report_manage/view/t_test_report/2160?_signature=108be65dee5dcf9a3bf4f41a57e937366e685050<http://localhost:8000/init/default/test_report_manage/view/t_test_report/2160?_signature=108be65dee5dcf9a3bf4f41a57e937366e685050>
> ">
> <span class="icon magnifier"</span>
> <span class="buttontext button" title="View">View</span>
> </a>
>
> Using Chrome Developer Tools, I can see that the only css rules applied to
> this element are the following in style.css file from my theme
> (CorporateOffice).
>
> /** Common Styles */
>
> body {
> margin: 30px 0 20px 0;
> padding: 0;
> background: #D7D7BD;
> text-align: justify;
> line-height: 25px;
> font-family: Tahoma, Arial, Helvetica, sans-serif;
> font-size: 11px;
> color: #3C3C37;
> }
>
> a {
> color: #005880;
> }
>
> So my question is "What's the cleanest way to alter the style for the
> View, Edit, ... buttons in all the grids in my app without affecting any
> other items?"
>
> Thanks,
> Mike
>
--
