From 486c41ba1165cc93d6614cc5bfb3cdf2d74da6a6 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Mon, 26 Mar 2018 21:01:10 -0500
Subject: [PATCH] tidy maintainer cards

---
 src/FilterLists.Web/ClientApp/components/ListDetails.tsx | 8 ++++----
 src/FilterLists.Web/ClientApp/css/site.css               | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index da473026f..442a86faa 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -200,7 +200,7 @@ function EmailAddress(props: any) {
 
 function Maintainers(props: any) {
     return props.maintainers.length > 0
-        ? <div>
+        ? <div className="w-100">
               {props.maintainers.map(
                   (maintainer: any) => <Maintainer maintainer={maintainer} key={maintainer.id.toString()}/>)}
           </div>
@@ -213,21 +213,21 @@ function Maintainer(props: any) {
                    <h3 className="card-title">Maintained by {props.maintainer.name}</h3>
                    <div className="btn-group" role="group">
                        {props.maintainer.homeUrl
-                           ? <a href={props.maintainer.homeUrl} className="btn btn-primary"
+                           ? <a href={props.maintainer.homeUrl} className="btn btn-primary fl-btn-details-action"
                                 title={`View the home page of ${props.maintainer.name}.`}>
                                  Home
                              </a>
                            : null}
                        {props.maintainer.emailAddress
                            ? <a href={`mailto:${props.maintainer.emailAddress}`}
-                                className="btn btn-primary"
+                                className="btn btn-primary fl-btn-details-action"
                                 title={`Email ${props.maintainer.name}.`}>
                                  Email
                              </a>
                            : null}
                        {props.maintainer.twitterHandle
                            ? <a href={`https://twitter.com/${props.maintainer.twitterHandle}`}
-                                className="btn btn-primary"
+                                className="btn btn-primary fl-btn-details-action"
                                 title={`View the Twitter page of ${props.maintainer.name}.`}>
                                  Twitter
                              </a>
diff --git a/src/FilterLists.Web/ClientApp/css/site.css b/src/FilterLists.Web/ClientApp/css/site.css
index fdc0630a5..49728e1a1 100644
--- a/src/FilterLists.Web/ClientApp/css/site.css
+++ b/src/FilterLists.Web/ClientApp/css/site.css
@@ -10,6 +10,6 @@ body, h2, h3, h4, h5, blockquote {
 }
 
 .fl-btn-details-action {
-    margin-bottom: .2rem;
+    margin: 0 .2rem .2rem;
     max-width: 90px;
 }
\ No newline at end of file