diff --git a/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx b/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx
index 5e8ef4b0e..b09951d91 100644
--- a/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx
+++ b/src/FilterLists.Web.V2/src/components/allListsTable/AllListsTable.tsx
@@ -76,50 +76,59 @@ export class AllListsTable extends React.Component<{}, State> {
showSizeChanger: true,
pageSizeOptions: this.state.pageSizeOptions
}}
- scroll={{ x: this.state.isNarrowWindow ? 576 : 1200 }}>
+ scroll={{ x: this.state.isNarrowWindow ? undefined : 1200 }}>
title="Name"
dataIndex={nameof("name")}
sorter={(a, b) => a.name.localeCompare(b.name)}
defaultSortOrder={"ascend"}
- width={200}
+ width={this.state.isNarrowWindow ? undefined : 200}
className={styles.nogrow}
fixed="left"
render={(text: string) => {text}
} />
+ {this.state.isNarrowWindow
+ ? null
+ :
+ title="Description"
+ dataIndex={nameof("description")}
+ className={styles.nogrow}
+ render={(_text: string, record: List) => } />}
+ {this.state.isNarrowWindow
+ ? null
+ :
+ title="Software"
+ dataIndex={nameof("syntaxId")}
+ className={styles.nogrow}
+ render={(text: string) => {text}
} />}
+ {this.state.isNarrowWindow
+ ? null
+ :
+ title="Languages"
+ dataIndex={nameof("languageIds")}
+ sorter={(a, b) => arraySorter(a.languageIds, b.languageIds, this.state.languages)}
+ width={125}
+ className={styles.nogrow}
+ render={(languageIds: number[]) =>
+ languageIds
+ ? languageIds.includes(l.id))} />
+ : null} />}
+ {this.state.isNarrowWindow
+ ? null
+ :
+ title="Tags"
+ dataIndex={nameof("tagIds")}
+ sorter={(a, b) => arraySorter(a.tagIds, b.tagIds, this.state.tags)}
+ width={275}
+ className={styles.nogrow}
+ render={(tagIds: number[]) =>
+ tagIds
+ ? tagIds.includes(t.id))} />
+ : null} />}
- title="Description"
- dataIndex={nameof("description")}
- className={styles.nogrow}
- render={(_text: string, record: List) => } />
-
- title="Software"
- dataIndex={nameof("syntaxId")}
- className={styles.nogrow}
- render={(text: string) => {text}
} />
-
- title="Languages"
- dataIndex={nameof("languageIds")}
- sorter={(a, b) => arraySorter(a.languageIds, b.languageIds, this.state.languages)}
- width={125}
- className={styles.nogrow}
- render={(languageIds: number[]) =>
- languageIds
- ? languageIds.includes(l.id))} />
- : null} />
-
- title="Tags"
- dataIndex={nameof("tagIds")}
- sorter={(a, b) => arraySorter(a.tagIds, b.tagIds, this.state.tags)}
- width={275}
- className={styles.nogrow}
- render={(tagIds: number[]) =>
- tagIds
- ? tagIds.includes(t.id))} />
- : null} />
- title="Details"
+ title="Details"
dataIndex={nameof("viewUrl")}
className={styles.nogrow}
- fixed={this.state.isNarrowWindow ? undefined : "right"}
+ fixed="right"
render={(_text: string, record: List) => } />
);