Admin Dashboard > Settings > General (small UI fix proposal)

This is a small fix for custom date & time formats, when user enters custom date or time, js preview is breaked into 2 lines which looks bad. Simple expansion of the table.table-small width and/or adding &lt;br&gt; is not going to fix it properly (right table then skips one raw when preview pops-out), thus I've dropped the table and replaced it with divs.

* margin was added to simulate old table aliment, not sure which one really looks better, probably adding one more time option for symmetry would be best. 

* I was not sure where to put style in what less file, but most probable candidate is page-settings.less.

* Although .custom-date-time div wrapper has no style, it was added for code completeness and clarity.

* div class="help-box" style="clear:both; float:none;" has a small very important inline code to fix following help box, I was too lazy to define additional class or id just for it (it is not used anywhere else).

CSS
>.custom-date-time{ }
>.custom-date-time #date{ float:left; width:150px; }
>.custom-date-time #time{ margin-top:20px; float:left; width:150px; }