From b6b8ef9a317e45a29c9c0000c5251c32159a8b13 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Mon, 26 Aug 2019 13:13:51 -0500
Subject: [PATCH] make drawer not cover critical controls for quick navigation

---
 .../src/components/ListDetailsDrawer.tsx            |  2 +-
 .../src/components/listsTable/ListsTable.tsx        | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx b/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
index ecd1cd82b..9a8fb3d43 100644
--- a/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
+++ b/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
@@ -34,7 +34,7 @@ export class ListDetailsDrawer extends React.Component<RouteComponentProps & Pro
     return <Drawer
       visible={true}
       width={350}
-      placement={"left"}
+      placement={"right"}
       mask={false}
       title={this.props.list.name}
       destroyOnClose={true}
diff --git a/src/FilterLists.Web.V2/src/components/listsTable/ListsTable.tsx b/src/FilterLists.Web.V2/src/components/listsTable/ListsTable.tsx
index 8f0504279..d2e873a76 100644
--- a/src/FilterLists.Web.V2/src/components/listsTable/ListsTable.tsx
+++ b/src/FilterLists.Web.V2/src/components/listsTable/ListsTable.tsx
@@ -78,11 +78,18 @@ export class ListsTable extends React.Component<RouteComponentProps, State> {
           size="small"
           pagination={{
             size: "small",
+            style: { float: "left" },
             pageSize: this.state.pageSize,
             showSizeChanger: true,
             pageSizeOptions: this.state.pageSizeOptions
           }}
           scroll={{ x: this.state.isNarrowWindow ? undefined : 1200 }}>
+          <Table.Column<List>
+            title="Details"
+            dataIndex={nameof<List>("viewUrl")}
+            className={styles.nogrow}
+            fixed="left"
+            render={(_text: string, record: List) => <ListDetailsButton list={record} {...this.props} />} />
           <Table.Column<List>
             title="Name"
             dataIndex={nameof<List>("name")}
@@ -130,12 +137,6 @@ export class ListsTable extends React.Component<RouteComponentProps, State> {
                 tagIds
                   ? <TagCloud tags={this.state.tags.filter((t: Tag) => tagIds.includes(t.id))} />
                   : null} />}
-          <Table.Column<List>
-            title="Details"
-            dataIndex={nameof<List>("viewUrl")}
-            className={styles.nogrow}
-            fixed="right"
-            render={(_text: string, record: List) => <ListDetailsButton list={record} {...this.props} />} />
         </Table>
         <Route path="/lists/:id" render={props => {
           const list = this.state.lists.find(l => l.id === +props.match.params.id);