On Subscription details page, there are 4 values displayed for each product: Content Download URL, GPG Key URL, Repo Type and Enabled?. If one value is missing, it causes subsequent values to shift up and not align with their labels. See attached screenshot.


Version-Release number of selected component (if applicable):
Satellite 6.4.0 snap 20
tfm-rubygem-katello-3.7.0.22-1.el7sat.noarch


Steps to Reproduce:
1. Create new product. Make sure that GPG Key field remains empty. Add one yum repository: https://repos.fedorapeople.org/repos/pulp/pulp/demo_repos/zoo/
2. Content -> Subscriptions -> Product from previous step -> Enabled Products -> expand product
3. Try to read data


Solution:
The root cause is HTML structure displaying ultimately tabular data in column-oriented way instead of row-oriented way.


Instead of (simplified code):

<div class="col-sm-3">
   <div class="row">Label</div>
</div>
<div class="col-sm-9">
   <div class="row">value</div>
</div>

It should be:

<div class="row">
   <div class="col-sm-3">
      Label
   </div>
   <div class="col-sm-9">
      value
   </div>
</div>

New structure would also make data more readable on phones / very narrow screens. Right now it's all labels, all values, one under another. With new structure, it would be label, value, intertwined.