From 422c24c92ccda6e5f993d22bc261c65e0afbb87b Mon Sep 17 00:00:00 2001
From: Collin Barrett <collinbarrett@users.noreply.github.com>
Date: Fri, 16 Feb 2018 05:00:49 -0600
Subject: [PATCH] turn links to buttons

---
 src/FilterLists.Web/ClientApp/components/Home.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 29df6e918..2501e3485 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -45,20 +45,24 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
                            Header: "View",
                            accessor: "viewUrl",
                            Cell: (d: any) => <a href={d.value}
+                                                className="btn btn-primary btn-block"
                                                 title={"View the raw list. Many are quite large, so be cautious if on metered bandwidth."}>
                                                  View
                                              </a>,
-                           style: { textAlign: "center" }
+                           style: { textAlign: "center" },
+                           width: 100
                        },
                        {
                            Header: "Subscribe",
                            accessor: "viewUrl",
                            Cell: (d: any) => <a href={`abp:subscribe?location=${encodeURIComponent(d.value)
                                                 }&amp;title=${encodeURIComponent(d.row.name)}`}
+                                                className="btn btn-primary btn-block"
                                                 title={"Subscribe to list with browser extension supporting \"abp:\" protcool (e.g. uBlock Origin, AdBlock Plus)."}>
                                                 Subscribe
                                              </a>,
-                           style: { textAlign: "center" }
+                           style: { textAlign: "center" },
+                           width: 100
                        }
                    ]}
                    SubComponent={(row: any) => {