Use an 'inline' dl to unify the appearance of the mapper and admin info details lines

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index ec2ec4dea2a3537ea40547ecd371ce1380e26e88..644517ff2175fbac05db4b5718fdc8859f62af6d 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1096,12 +1096,6 @@ tr.turn:hover {
 
 /* Rules for the user profile page */
 
-.admin-user-info small {
-  margin-bottom: $lineheight/2;
-  display: inline;
-  margin-right: $lineheight;
-}
-
 .contact-activity {
   margin-top: $lineheight;
   width: 100%;
@@ -1559,6 +1553,17 @@ div.secondary-actions {
   }
 }
 
+/* Create a single-line dl */
+
+dl.dl-inline {
+  dt, dd {
+    display: inline-block;
+  }
+  dd {
+    margin-right: 1em;
+  }
+}
+
 /* Customise the background colour of striped tables */
 
 .table-striped > tbody > tr:nth-child(2n+1) > td,

diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index d0d448f9726986f54a1ac52065fe8c29d434b813..3943a2d02267dfceca40c787175a2c4a0318bbe4 100644 (file)
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -116,20 +116,24 @@
         </nav>
       <% end %>
 
-      <p class='text-muted'>
+      <div class='text-muted'>
         <small>
-          <%= t ".mapper since" %> <%= l @user.creation_time.to_date, :format => :long %>
-          <% unless @user.terms_agreed %>
-            |
-            <%= t ".ct status" %>
-            <% if @user.terms_seen? -%>
-              <%= t ".ct declined" %>
-            <% else -%>
-              <%= t ".ct undecided" %>
+          <dl class="dl-inline">
+            <dt><%= t ".mapper since" %></dt>
+            <dd><%= l @user.creation_time.to_date, :format => :long %></dd>
+            <% unless @user.terms_agreed %>
+              <dt><%= t ".ct status" %></dt>
+              <dd>
+                <% if @user.terms_seen? -%>
+                  <%= t ".ct declined" %>
+                <% else -%>
+                  <%= t ".ct undecided" %>
+                <% end -%>
+              </dd>
             <% end -%>
-          <% end -%>
+          </dl>
         </small>
-      </p>
+      </div>
 
       <% if can?(:set_status, User) || can?(:destroy, User) %>
         <nav class='secondary-actions'>
@@ -168,13 +172,21 @@
       <% end %>
 
       <% if current_user and current_user.administrator? -%>
-        <div class='admin-user-info text-muted'>
-          <small><b><%= t ".email address" %></b> <%= @user.email %></small>
-          <% unless @user.creation_ip.nil? -%>
-            <small><b><%= t ".created from" %></b> <%= @user.creation_ip %></small>
-          <% end -%>
-          <small><b><%= t ".status" %></b> <%= @user.status.capitalize %></small>
-          <small><b><%= t ".spam score" %></b> <%= @user.spam_score %></small>
+        <div class='text-muted'>
+          <small>
+            <dl class='dl-inline'>
+              <dt><%= t ".email address" %></dt>
+              <dd><%= @user.email %></dd>
+              <% unless @user.creation_ip.nil? -%>
+                <dt><%= t ".created from" %></dt>
+                <dd><%= @user.creation_ip %></dd>
+              <% end -%>
+              <dt><%= t ".status" %></dt>
+              <dd><%= @user.status.capitalize %></dd>
+              <dt><%= t ".spam score" %></dt>
+              <dd><%= @user.spam_score %></dd>
+            </dl>
+          </small>
         </div>
       <% end -%>
     </div>