fix acp scrolling

api/package.json

@@ -21,7 +21,6 @@
     "@types/mocha": "^9.1.1",
     "axios": "^0.27.2",
     "mocha": "^10.0.0",
-    "node-dev": "^7.4.3",
     "prisma": "^4.5.0",
     "ts-node-dev": "^2.0.0",
     "typescript": "^4.7.4"

api/src/services.ts

@@ -1,12 +1,12 @@
 import { PrismaClient } from '@prisma/client'
 
-import createDiscogs from './discogs';
-import createOffers from './offers';
-import createLog from './log';
 import createApi from './api';
+import createDiscogs from './discogs';
 import createEvents from './events';
-import createPg from './pg';
+import createLog from './log';
 import createNotify from './notify';
+import createOffers from './offers';
+import createPg from './pg';
 
 export default function createServices(log) {
     const prisma = new PrismaClient();

client/src/routes/acp.tsx

@@ -75,7 +75,7 @@ function Home() {
     }
 
     return (
-        <div>
+        <div class='acp'>
             <button onClick={sync}> sync listings </button>
             <button onClick={sync}> generate offers </button>
             <hr />

client/src/style/styles.less

@@ -236,29 +236,33 @@ main {
     }
 }
 
-.bundles {
-    flex-flow: row;
+.acp {
+    overflow: scroll;
 
-    .bundle {
-        margin-bottom: var(--spacing-double);
+    .bundles {
+        flex-flow: row;
 
-        section {
-            margin-bottom: var(--spacing);
-        }
+        .bundle {
+            margin-bottom: var(--spacing-double);
 
-        .items {
-            display: grid;
-            grid-template-columns: repeat(5, 1fr);
-
-            div {
-                margin-right: var(--spacing);
+            section {
                 margin-bottom: var(--spacing);
+            }
 
+            .items {
                 display: grid;
+                grid-template-columns: repeat(5, 1fr);
 
-                &.bold {
-                    font-weight: bold;
-                    background: var(--background-2);
+                div {
+                    margin-right: var(--spacing);
+                    margin-bottom: var(--spacing);
+
+                    display: grid;
+
+                    &.bold {
+                        font-weight: bold;
+                        background: var(--background-2);
+                    }
                 }
             }
         }