From 39cca3714f1dd7f70c1d0edac7876850e27a7dcb Mon Sep 17 00:00:00 2001
From: Kyle Doherty <kyle.l.doherty@gmail.com>
Date: Mon, 6 Jul 2015 19:47:51 -0700
Subject: [PATCH] add readable line length, line-height and add a better color
 to descriptions of tables on /

---
 resources/frontend_client/app/css/home.css   | 5 +++++
 resources/frontend_client/app/home/home.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/frontend_client/app/css/home.css b/resources/frontend_client/app/css/home.css
index 3012d73aa7a..8f2e81cc679 100644
--- a/resources/frontend_client/app/css/home.css
+++ b/resources/frontend_client/app/css/home.css
@@ -100,3 +100,8 @@
     box-shadow: 1px 1px 1px rgba(0, 0, 0, .12);
     color: #ddd;
 }
+
+.TableDescription {
+    max-width: 42rem;
+    line-height: 1.4;
+}
diff --git a/resources/frontend_client/app/home/home.html b/resources/frontend_client/app/home/home.html
index 0e3ad76d7f8..55b01b803e7 100644
--- a/resources/frontend_client/app/home/home.html
+++ b/resources/frontend_client/app/home/home.html
@@ -96,7 +96,7 @@
                     <a class="no-decoration py2 border-bottom flex align-center" href="/card/create?db={{currentDB.id}}&table={{table.id}}">
                         <div class="flex flex-column pr3 lg-pr0">
                             <h2 class="text-dark text-brand-hover break-word">{{table.name}}</h2>
-                            {{table.description}}
+                            <h4 class="TableDescription text-grey-4 text-normal mt1">{{table.description}}</h4>
                         </div>
                         <div class="flex flex-align-right align-center">
                             <div class="text-right text-brand text-brand-darken-hover mr2">
-- 
GitLab