style: optimized <code> element fonts.

rhodecode/public/css/type.less

@@ -131,7 +131,7 b' label {'
 code,
 .code {
   font-size: .95em;
-  font-family: "Lucida Console", Monaco, monospace;
+  font-family: @text-code;
   color: @grey3;
 
   a {
@@ -146,7 +146,7 b' pre {'
     outline: 0;
     font-size: @basefontsize*.95;
     line-height: 1.4em;
-    font-family: "Lucida Console", Monaco, monospace;
+    font-family: @text-code;
     color: @grey3;
 }
 

rhodecode/public/css/variables.less

@@ -58,6 +58,7 b''
 @text-bold: "proximanovabold","Proxima Nova Bold", "Proxima Nova", sans-serif;
 @text-semibold: "proximanovasemibold","Proxima Nova Semibold", "Proxima Nova", sans-serif;
 @text-bold-italic: "proximanovabolditalic","Proxima Nova Bold Italic", "Proxima Nova", sans-serif;
+@text-code: "Lucida Console", Menlo, Monaco, monospace;
 @text-light: @text-regular;
 @text-light-italic: @text-italic;
 // Used for .close buttons

rhodecode/templates/changeset/changeset.mako

@@ -32,10 +32,13 b''
   <div id="changeset_compare_view_content"  class="summary changeset">
     <div class="summary-detail">
       <div class="summary-detail-header">
-          <span class="breadcrumbs files_location">
-            <h4>${_('Commit')}
+          <div class="breadcrumbs files_location">
+            <h4>
+            ${_('Commit')}
+
               <code>
                 ${h.show_id(c.commit)}
+            </code>
                 <i class="tooltip icon-clipboard clipboard-action" data-clipboard-text="${c.commit.raw_id}" title="${_('Copy the full commit id')}"></i>
                 % if hasattr(c.commit, 'phase'):
                       <span class="tag phase-${c.commit.phase} tooltip" title="${_('Commit phase')}">${c.commit.phase}</span>
@@ -54,10 +57,9 b''
                       <span class="tag hidden-${c.commit.hidden} tooltip" title="${_('Evolve State')}">${_('hidden')}</span>
                   % endif
                 % endif
+            </h4>
 
-              </code>
-            </h4>
-          </span>
+          </div>
           <div class="pull-right">
               <span id="parent_link">
                 <a href="#parentCommit" title="${_('Parent Commit')}">${_('Parent')}</a>