Align user profile claims

Especially helps when `<dd>` collapses due to an empty claim value.

Author: praseodym

openid-connect-server-webapp/src/main/webapp/resources/css/mitreid-connect.css

@@ -180,4 +180,9 @@ h1,label {
  line-height: 20px;
  vertical-align: middle;
  margin: 0;
-}
+}
+
+/* User profile claims alignment */
+.user-profile dd, .user-profile dt {
+ height: 20px;
+}

openid-connect-server-webapp/src/main/webapp/resources/template/admin.html

@@ -96,7 +96,7 @@
 
 <div data-i18n="admin.user-profile.text">Your user profile has the following information:</div>
 
- <dl class="dl-horizontal">
+ <dl class="dl-horizontal user-profile">
 <dt><span class="text-info" data-i18n="admin.user-profile.claim">Claim name:</span></dt>
 <dd><span class="text-info" data-i18n="admin.user-profile.value">Claim value:</span></dt>
  </dl>
@@ -109,4 +109,4 @@
 <small class="muted"><%- category %>.</small><% } %><%- key %></dt>
  <dd><%- value %></dd>
 
-</script>
+</script>