Tweak the design of the detail page

[javiereguiluz]

Fixes #5970.

We now display a compact style similar to previous one. The label and the value of the field are displayed on the same line. The design is NOT exactly the same as before, but I think it looks better with the latest design changes.

Here's a before / after example (the screenshots are obfuscated, but it's clear that the new design is much more compact):

Before

After

[mahono]

Interesting. You changed to align-right to still be able to not have horizontal lines. I like it. And people can probably still change to align-left and add/or add horizontal lines if they want with some simple CSS.

[javiereguiluz]

There's something I'm not sure about. For boolean fields, we have this:

<-- short label space -->  <-------------- long value space -------------->
     The contents of the   YES
   label of the checkbox

I wonder if it'd be better to flip the label/value order for boolean fields:

<-- short label space -->  <-------------- long value space -------------->
                      YES  The contents of the label of the checkbox

[john-dufrene-dev]

I like it too,
Do you think it's possible to have an option to add separate Line between field ?

[mahono]

The horizontal lines can probably be added very easy via one or two lines of custom CSS.

But the flipping is really interesting. Maybe worth adding a setting in the Dashboard/Crud config classes?

[javiereguiluz]

I've merged these changes, including the label <-> value flip for boolean fields. I'll tag a new release so you can test it for real in your apps. Thanks!