From d1cbd6a5b412de3f6ac55a5e62a65f59807fecc1 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Fri, 2 Aug 2019 20:44:46 -0500
Subject: [PATCH] use react-bootstrap for Subscribe button column

---
 .../components/listsTable/columns/DetailsButton.tsx   | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/FilterLists.Web/src/modules/home/components/listsTable/columns/DetailsButton.tsx b/src/FilterLists.Web/src/modules/home/components/listsTable/columns/DetailsButton.tsx
index d1b364d79..47083e03e 100644
--- a/src/FilterLists.Web/src/modules/home/components/listsTable/columns/DetailsButton.tsx
+++ b/src/FilterLists.Web/src/modules/home/components/listsTable/columns/DetailsButton.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import { Button } from "react-bootstrap";
 import { Column, RowRenderProps } from "react-table";
 
 export const DetailsButton = {
@@ -14,12 +15,14 @@ export const DetailsButton = {
 const Expander = (props: RowRenderProps) =>
     <div>
         {props.isExpanded
-            ? <button className="btn btn-primary btn-block active fl-btn-link"
+            ? <Button
+                variant={'primary'}
                 title={`Collapse details about ${props.row.name}.`}>
                 Details
-               </button>
-            : <button className="btn btn-primary btn-block fl-btn-link"
+              </Button>
+            : <Button
+                variant={'primary'}
                 title={`Learn more about ${props.row.name}.`}>
                 Details
-               </button>}
+              </Button>}
     </div>;
\ No newline at end of file