From 9ac3cc047a2c0097199093f8c5e153be9b7f119e Mon Sep 17 00:00:00 2001
From: Eike Cochu <eike@cochu.com>
Date: Thu, 18 Feb 2016 14:44:31 +0100
Subject: [PATCH] info tables with fixed layout, fixed first column width

---
 vipra-ui/app/html/articles/show.html | 2 +-
 vipra-ui/app/html/topics/show.html   | 4 ++--
 vipra-ui/app/html/words/show.html    | 4 ++--
 vipra-ui/app/less/app.less           | 6 ++++++
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/vipra-ui/app/html/articles/show.html b/vipra-ui/app/html/articles/show.html
index 02c7f3d1..52c39085 100644
--- a/vipra-ui/app/html/articles/show.html
+++ b/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>
diff --git a/vipra-ui/app/html/topics/show.html b/vipra-ui/app/html/topics/show.html
index b89e7923..20a53ba7 100644
--- a/vipra-ui/app/html/topics/show.html
+++ b/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">
diff --git a/vipra-ui/app/html/words/show.html b/vipra-ui/app/html/words/show.html
index cc163b07..6174e8c3 100644
--- a/vipra-ui/app/html/words/show.html
+++ b/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>
diff --git a/vipra-ui/app/less/app.less b/vipra-ui/app/less/app.less
index e046f339..cd5b31d1 100644
--- a/vipra-ui/app/less/app.less
+++ b/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;
-- 
GitLab