sort by title and scroll landing

api/src/pg.ts

@@ -21,11 +21,12 @@ export default function createPg(log: Log, prisma: PrismaClient) {
     }
 
     async function userWants(user: User) {
-        return prisma.want.findMany({
+        const wants = await prisma.want.findMany({
             where: { userId: user.id },
             include: { _count: { select: { offers: true }} },
-            orderBy: { offers: { _count: 'desc' } }
-        });
+        })
+
+        return _.sortBy(wants, w => `${w.data.artists_sort} - ${w.data.title}`);
     }
 
     async function userOffers(user: User) {

client/src/style/styles.less

@@ -22,6 +22,8 @@ body {
 .landing {
     display: grid;
 
+    overflow: scroll;
+
     grid-template-columns: 1fr 2fr;
     grid-gap: calc(var(--spacing-double) * 2);
     grid-template-areas: