From 57ed00505aa190957d81690c0c9b758184a46302 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Fri, 21 Sep 2018 18:26:22 -0400
Subject: [PATCH] Split up columns more, gray stuff out

---
 gitsrht/templates/tree.html |  6 +++++-
 scss/main.scss              | 12 ++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/gitsrht/templates/tree.html b/gitsrht/templates/tree.html
index d2d4df0..116f9fd 100644
--- a/gitsrht/templates/tree.html
+++ b/gitsrht/templates/tree.html
@@ -28,7 +28,11 @@
       </div>
       <div class="commit">
         {% if entry.commit %}
-        <a href="#">{{trim_commit(entry.commit.message)}}</a> &mdash;
+        <a href="#">{{trim_commit(entry.commit.message)}}</a>
+        {% endif %}
+      </div>
+      <div class="date">
+        {% if entry.commit %}
         {{ commit_time(entry.commit) | date }}
         {% endif %}
       </div>
diff --git a/scss/main.scss b/scss/main.scss
index 1377ce6..d9e3ef5 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -19,7 +19,7 @@
 .tree-list {
   display: grid;
   // mode name
-  grid-template-columns: auto minmax(1fr,auto) 1fr auto;
+  grid-template-columns: auto minmax(1fr,auto) 1fr auto auto;
   font: monospace;
 
   svg {
@@ -34,8 +34,8 @@
     color: $gray-900;
   }
 
-  .commit, .commit a {
-    color: $gray-600;
+  .mode, .commit, .commit a, .date, .size {
+    color: $gray-700;
   }
 
   & > div {
@@ -50,13 +50,13 @@
       text-align: center;
     }
 
-    @for $i from 1 through 4 {
-      &:nth-child(4n+#{$i}) {
+    @for $i from 1 through 5 {
+      &:nth-child(5n+#{$i}) {
         grid-column-start: $i;
       }
 
       // Striped rows
-      &:nth-child(8n+#{$i}) {
+      &:nth-child(10n+#{$i}) {
         background: rgba(0,0,0,.05);
       }
     }
-- 
2.38.4