info tables with fixed layout, fixed first column width

vipra-ui/app/html/articles/show.html

@@ -15,7 +15,7 @@
 
   <div class="row" id="info">
     <div class="col-md-12">
-      <table class="table table-bordered table-condensed">
+      <table class="table table-bordered table-condensed table-fixed table-infos">
         <tbody>
           <tr>
             <th>ID</th>

vipra-ui/app/html/topics/show.html

@@ -37,7 +37,7 @@
 
   <div class="row" id="info">
     <div class="col-md-12">
-      <table class="table table-bordered table-condensed">
+      <table class="table table-bordered table-condensed table-fixed table-infos">
         <tbody>
           <tr>
             <th>ID</th>
@@ -64,7 +64,7 @@
 
   <div class="row" id="words">
     <div class="col-md-12">
-      <table class="table table-bordered table-condensed">
+      <table class="table table-bordered table-condensed table-fixed">
         <thead>
           <tr>
             <th sort-by="id" sort-type="wordSort" sort-reverse="wordSortRev">

vipra-ui/app/html/words/show.html

@@ -7,7 +7,7 @@
 
   <div class="row" id="info">
     <div class="col-md-12">
-      <table class="table table-bordered table-condensed">
+      <table class="table table-bordered table-condensed table-fixed table-infos">
         <tbody>
           <tr>
             <th>Created</th>
@@ -22,7 +22,7 @@
 
   <div class="row" id="topics">
     <div class="col-md-12">
-      <ul class="list-unstyled">
+      <ul class="dashed">
         <li ng-repeat="topic in ::topics">
           <topic-link topic="topic"/>
         </li>

vipra-ui/app/less/app.less

@@ -220,6 +220,12 @@ ul.dashed {
   table-layout: fixed;
 }
 
+.table-infos {
+  tr > *:first-child {
+    width: 200px;
+  }
+}
+
 [sort-by] {
   .noselect;
   cursor: pointer;