Foundation6: Additional fixup

[ikedas]

See #170.

Fixes/Changes/Improvements:

• Improve "Please wait..." text to place it at center of display.
• Prevent spacing between items of top bar because of inline-block rendering (See PR #170: Least fixup #187 bug 1).
• Icons in home page are warped (See 3).
• Consistent headings and title bars.

Known bug:

• In environments without CSS/javascript support, redundant texts with heading (h2) and title bar are shown.

[xavierba]

Hi @ikedas,
I tested this PR on top of foundation6 branch.
It fixes a couple glitches I've noticed in foundation6 branch.
I've navigated here and there in the various menus and everything now looks good to me.

There is only one issue left. The login tab that is a dropdown menu in the 6.2 branch is now a button in the foundation6 branch.

Regards,
Xavier

[ikedas]

When page is (re)loaded, menu bar shakes itself side by side. For example in image below, brower reload is done twice (click image to show animation again).

This indicates that CSS is poorly optimized. I don't know how to do it.

[ikedas]

@xavierba,

There is only one issue left. The login tab that is a dropdown menu in the 6.2 branch is now a button in the foundation6 branch.

It needs javascript code to make dropdown not disappearing when menu item is clicked or menu is out of focus. You can revert corresponding change to know what appears without such treatment.
See also past discussions.

Anyways, javascript code for F5 is not applicable to F6, and if we need this feature (sticky dropdown menu for login form), we have to write code with new logic.