tidy mirror links

closes collinbarrett#467
hawkeye116477 · Sep 15, 2018 · 7030d7a · 7030d7a
1 parent 4424f9d
commit 7030d7a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 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
@@ -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
@@ -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
@@ -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;
 }