Newznab Work

frontend/src/Search/Table/CategoryLabel.js

@@ -3,16 +3,20 @@ import React from 'react';
 import Label from 'Components/Label';
 
 function CategoryLabel({ categories }) {
-  let catName = '';
-
-  if (categories && categories.length > 0) {
-    catName = categories[0].name;
-  }
+  const sortedCategories = categories.sort((c) => c.id);
 
   return (
-    <Label>
-      {catName}
-    </Label>
+    <span>
+      {
+        sortedCategories.map((category) => {
+          return (
+            <Label key={category.name}>
+              {category.name}
+            </Label>
+          );
+        })
+      }
+    </span>
   );
 }
 

frontend/src/Search/Table/SearchIndexHeader.css

@@ -10,7 +10,12 @@
   flex: 4 0 110px;
 }
 
-.category,
+.category {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 110px;
+}
+
 .indexer {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Search/Table/SearchIndexRow.css

@@ -17,7 +17,12 @@
   flex: 4 0 110px;
 }
 
-.category,
+.category {
+  composes: cell;
+
+  flex: 0 0 110px;
+}
+
 .indexer {
   composes: cell;