Revisions to card UI

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>

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 {