put data-plugin table and edit button together in a div, so that they can be positioned together

[RaphaelWimmer]

Problem: Currently, the data plugin generates a div with a table and a separate div with the edit button for the data entry. Both divs are placed in the top div without a common wrapping div. This makes it hard to precisely position both e.g. at the right hand side of the page, similar to the infoboxes on Wikipedia.

Fix: put table div and button div in a common wrapper div, so that the button always follows the table.

[Klap-in]

@splitbrain is a wrapping div desired?

[chang-zhao]

Here is another usecase proving that they should be in the same div:

I want that dataentry would be only seen in a page source, but hidden from a page front-end.

So I add "hidden" class to the dataentry. But then the dataentry Edit button is still shown on a page.

To hide it, I write a style:

div.dataplugin_entry.hidden + div.editbutton_plugin_data { display: none; }

It doesn't work, I have no idea why. So let's put the Edit button inside the same div, then it could be hidden too.

PS. Temporarily, I found that this works:

div.dokuwiki div.dataplugin_entry.hidden + div.editbutton_plugin_data { display: none; } div.dokuwiki div.dataplugin_entry.hidden + div.editbutton_plugin_data form input.button { display: none; }