feat: increasing number of results

src/main/events/catalogue/search-games.ts

@@ -8,7 +8,7 @@ const searchGames = async (
 ) => {
   return HydraApi.post(
     "/catalogue/search",
-    { ...payload, take: 12, skip: 0 },
+    { ...payload, take: 24, skip: 0 },
     { needsAuth: false }
   );
 };

src/renderer/src/components/checkbox-field/checkbox-field.css.ts

@@ -51,4 +51,7 @@ export const checkboxInput = style({
 
 export const checkboxLabel = style({
   cursor: "pointer",
+  textOverflow: "ellipsis",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
 });

src/renderer/src/pages/catalogue/catalogue.scss

@@ -100,6 +100,7 @@
     border-radius: 4px;
     padding: 16px;
     border: 1px solid globals.$border-color;
+    align-self: flex-start;
   }
 
   &__ai-recommendations-button-text {

src/renderer/src/pages/catalogue/catalogue.tsx

@@ -404,7 +404,7 @@ export default function Catalogue() {
                 }
               }}
               items={downloadSources.map((downloadSource) => ({
-                label: `${downloadSource.name} (${downloadSource.objectIds.length})`,
+                label: downloadSource.name,
                 value: downloadSource.fingerprint,
                 checked: filters.downloadSourceFingerprints.includes(
                   downloadSource.fingerprint

src/renderer/src/pages/catalogue/filter-section.tsx

@@ -75,7 +75,7 @@ export function FilterSection<T extends string | number>({
 
       <List
         data={filteredItems}
-        height={28 * 10}
+        height={28 * (filteredItems.length > 10 ? 10 : filteredItems.length)}
         itemHeight={28}
         itemKey="value"
         styles={{