system-info: fix styling for elements

rhodecode/public/css/type.less

@@ -468,6 +468,42 b' dd {'
         margin-left: 20px;
       }
     }
+
+    &.dt-300 {
+      dt {
+        width: 300px;
+      }
+    }
+
+    &.dt-400 {
+      dt {
+        width: 400px;
+      }
+    }
+
+    &.dt-500 {
+      dt {
+        width: 500px;
+      }
+    }
+
+    &.dt-600 {
+      dt {
+        width: 600px;
+      }
+    }
+
+    &.dt-700 {
+      dt {
+        width: 700px;
+      }
+    }
+
+    &.dt-800 {
+      dt {
+        width: 800px;
+      }
+    }
 }
 
 

rhodecode/templates/admin/settings/settings_system.mako

@@ -12,7 +12,7 b''
         % endif
     </div>
     <div class="panel-body">
-        <dl class="dl-horizontal settings">
+        <dl class="dl-horizontal settings dt-400">
         % for dt, dd, warn in c.data_items:
           <dt>${dt}${':' if dt else '---'}</dt>
           <dd>${dd}${'' if dt else '---'}
@@ -32,7 +32,7 b''
         <h3 class="panel-title">${_('VCS Server')}</h3>
     </div>
     <div class="panel-body">
-        <dl class="dl-horizontal settings">
+        <dl class="dl-horizontal settings dt-400">
         % for dt, dd in c.vcsserver_data_items:
           <dt>${dt}${':' if dt else '---'}</dt>
           <dd>${dd}${'' if dt else '---'}</dd>
@@ -46,20 +46,12 b''
         <h3 class="panel-title">${_('Python Packages')}</h3>
     </div>
     <div class="panel-body">
-        <table class="table">
-          <colgroup>
-              <col class='label'>
-              <col class='content'>
-          </colgroup>
-          <tbody>
-              % for key, value in c.py_modules['human_value']:
-                  <tr>
-                      <td>${key}</td>
-                      <td>${value}</td>
-                  </tr>
+        <dl class="dl-horizontal settings dt-400">
+        % for dt, dd in c.py_modules['human_value']:
+          <dt>${dt}${':' if dt else '---'}</dt>
+          <dd>${dd}${'' if dt else '---'}</dd>
               % endfor
-          </tbody>
-        </table>
+        </dl>
     </div>
 </div>