CRM-21770: Change position of help div

[mukeshcompucorp]

Overview

This PR changes position of help div like other pages in Vanilla CiviCRM

Before

After

---

• CRM-21770: Change position of help div in export participants

[mattwire]

@mukeshcompucorp Nice to see consistency improvements in CiviCRM UI. Is any of this documented anywhere as to how pages should normally be laid out? It would make it easier to review PRs such as this and also for developers/extension writers.

[mukeshcompucorp]

@mattwire No, we do not have any documentation and that's why we find some of such anomalies. Actually, we don't have any documentation on how exactly a layout should be formed, so, we may need to create it at some point.

[mattwire]

@mukeshcompucorp Ok, any chance of creating something as you submit these PRs then? Otherwise I'm worried that we'll just be playing a game of whack-a-mole as one person fixes it and another submits more UI that doesn't match what you believe is the right way. It could just be a page in the dev docs for now.
For example, from this PR, we could say that:
Normally the "Help" div should be separated from the main form div. Eg.

<div class="help">
<p>{ts}help text goes here{/ts}</p>
</div>
<div class="crm-block crm-form-block ...">
...
</div>

[mukeshcompucorp]

@mattwire sure, can you point me to right repository for dev docs and I will create a page for this and submit there for further help to others.

[mattwire]

@mukeshcompucorp I'd suggest we create a page called "UI Standards" under "Standards" https://github.com/civicrm/civicrm-dev-docs/tree/master/docs/standards. @seanmadsen @michaelmcandrew should both be able to help out with integrating a new page.