Fixed percental width of columns

2 files changed, 15 insertions, 8 deletions

diff --git a/src/main/resources/css/files.css b/src/main/resources/css/files.css
index a0fae88..3ceb173 100644
--- a/src/main/resources/css/files.css
+++ b/src/main/resources/css/files.css
@@ -36,20 +36,20 @@ tr td, tr th {
     text-overflow: ellipsis;
 }
 
-tr td:nth-child(1) {
-    max-width: 40%;
+colgroup col:nth-child(1) {
+    width: 40%;
 }
 
-tr td:nth-child(2) {
-    max-width: 20%;
+colgroup col:nth-child(2) {
+    width: 15%;
 }
 
-tr td:nth-child(3) {
-    max-width: 30%;
+colgroup col:nth-child(3) {
+    width: 30%;
 }
 
-tr td:nth-child(4) {
-    max-width: 10%;
+colgroup col:nth-child(4) {
+    width: 15%;
 }
 
 .drop {
diff --git a/src/main/resources/views/files.rocker.html b/src/main/resources/views/files.rocker.html
index bb01259..fdea65f 100644
--- a/src/main/resources/views/files.rocker.html
+++ b/src/main/resources/views/files.rocker.html
@@ -15,6 +15,13 @@
 <div class="drop" id="drop">
     <h2>/@path</h2>
     <table id="table">
+        <colgroup>
+            <col/>
+            <col/>
+            <col/>
+            <col/>
+        </colgroup>
+
         <thead>
         <tr>
             <th data-asc="true">Name</th>