Use 'inline-block' to keep barcode and value aligned

Problem/Motivation

When displaying an EAN13 barcode or QRCODE (these 2 I have tested) as inline fields on an entity, the label pushes the image and the text apart.

Steps to reproduce

Create an entity display with a barcode field.
In the display mode, set the label to display inline.

Proposed resolution

Change the 'barcode' CSS class to display as 'inline-block'

.barcode {
  display: inline-block
}

Remaining tasks

Update the CSS

User interface changes

Better display of barcodes.

API changes

none

Data model changes

none