From 96c076fe79b9a370eee1323d33516fae25ddf3ba Mon Sep 17 00:00:00 2001
From: Aaron Carlino <unclecheese@leftandmain.com>
Date: Wed, 20 Nov 2019 10:08:33 +1300
Subject: [PATCH] Revisions to card UI

---
 src/components/ChildrenOf.tsx      |  2 +-
 src/theme/assets/scss/ss-docs.scss | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/ChildrenOf.tsx b/src/components/ChildrenOf.tsx
index 03b6df8..1b65998 100644
--- a/src/components/ChildrenOf.tsx
+++ b/src/components/ChildrenOf.tsx
@@ -10,7 +10,7 @@ const createCards = (children: SilverstripeDocument[]): ReactElement[] => {
             <div className="col-12 col-lg-6 py-3" key={slug}>
                 <div className="card shadow-sm">
                     <div className="card-body">
-                        <h5 className="card-title mb-3">
+                        <h5 className="card-title">
                             <span className="theme-icon-holder card-icon-holder mr-2">                                
                                 <i className={iconClass}></i>
                             </span>
diff --git a/src/theme/assets/scss/ss-docs.scss b/src/theme/assets/scss/ss-docs.scss
index f3ba1a4..2f8fb53 100644
--- a/src/theme/assets/scss/ss-docs.scss
+++ b/src/theme/assets/scss/ss-docs.scss
@@ -152,14 +152,22 @@ h1, h2, h3 {
 }
 
 .card-body {
+    padding: 1.25rem;
     h5 {
         display: flex;
         align-items: center;
         justify-content: flex-start;
+        margin-bottom: 0.75rem;
         .card-icon-holder { 
-            flex-shrink: 0;
+            flex-shrink: 0;    
+            padding: 0;
+            height: 32px;
+            width: 32px;
         }
     }
+    .card-title-text {
+        top: 0;
+    }
 }
 
 .github-edit {