From 7030d7a98ccf60e014755110828f87c37156dd8f Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 15 Sep 2018 13:39:04 -0500
Subject: [PATCH] tidy mirror links

closes #467
---
 .../components/linkButtons/SubscribeButtonGroup.tsx    |  4 ++--
 .../home/components/linkButtons/ViewButtonGroup.tsx    |  4 ++--
 .../modules/home/components/linkButtons/button.css     | 10 ++++++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx
index 0b0d1d9ccb..54f72762c2 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx
@@ -30,12 +30,12 @@ const SubscribeButtonGroupDropdown = (props: ISubscribeButtonGroupDropdownProps)
         mirrorIndex++;
     }
 
-    return <div className="btn-group-vertical fl-btn-link" role="group">
+    return <div className="btn-group-vertical dropleft fl-btn-link" role="group">
                <BtnGroupDropSubscribe/>
                <div className="dropdown-menu" aria-labelledby="btnGroupDropSubscribe">
                    <SubscribeButton {...props} text={firstButtonText}/>
                    {props.urlMirrors.map(
-                       (m, i) => <SubscribeButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`}/>)}
+                       (m, i) => <SubscribeButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`} key={i}/>)}
                </div>
            </div>;
 };
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx
index b497d88aae..231014e917 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx
@@ -30,12 +30,12 @@ const ViewButtonGroupDropdown = (props: IViewButtonGroupDropdownProps) => {
         mirrorIndex++;
     }
 
-    return <div className="btn-group-vertical fl-btn-link" role="group">
+    return <div className="btn-group-vertical dropleft fl-btn-link" role="group">
                <BtnGroupDropView/>
                <div className="dropdown-menu" aria-labelledby="btnGroupDropView">
                    <ViewButton {...props} text={firstButtonText}/>
                    {props.urlMirrors.map(
-                       (m, i) => <ViewButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`}/>)}
+                       (m, i) => <ViewButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`} key={i}/>)}
                </div>
            </div>;
 };
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/button.css b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/button.css
index b528176317..bace695952 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/button.css
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/button.css
@@ -1,5 +1,11 @@
 .fl-btn-link {
     margin-bottom: .2rem;
-    max-width: 90px;
-    width: 90px;
+    max-width: 100px;
+    width: 100px;
+}
+
+.dropdown-menu {
+    border: 0;
+    min-width: 0;
+    padding: 0;
 }
\ No newline at end of file