In the Administrator -> Layouts screen, the following buttons are available only at the bottom of the page:
Save Changes
Delete
Move To
Since most of the Layouts have many number of fields and the users have to scroll till the end of the page to perform the save and other functions. For easy usability, we have added the same buttons on the top as well and commit the code.
This looks good with the older themes, but the layout of the buttons(and other items on that screen) is confusing with the new default theme style_light.css. Will ask Robert to take a look at it.
True that you could use a position:fixed div to keep the buttons onscreen as the rest of the form scrolls. This could be at the top and also contain the layout selector and “Add Group” button for compactness.
That said, what goes in depends on what developers are willing to do.
Removing the buttons at the bottom(no longer needed).
Bringing in the background color from the selected stylesheet (maybe the inclusion of an additional standard class that already exists that will bring in the correct background color for the selected style?).
Getting it to look acceptable with the current default style, which is style_light.css(note all the buttons/labels are out of order).
The problem with the theme seems to be it has float:left for buttons. Why is that? In this case adding the following to the local stylesheet fixes it (note using float also changes display, so that has to be fixed too):
For alternating colors on table rows, please use CSS based classes, .even and .odd
I will be updating the style_light theme to use the :nth-child(even) and :nth-child(odd) pseudo-selectors to better handle tables that may not have those classes.
Also, if making changes to the style_light theme, it would appreciated it the changes come back to me so I can update the style_light repo and SASS files respectively.
