DDO debug output

src/components/organisms/AssetContent/index.tsx

@@ -51,6 +51,10 @@ export default function AssetContent({
             /> */}
           {/* <DeleteAction ddo={ddo} /> */}
         </div>
+
+        <pre>
+          <code>{JSON.stringify(ddo, null, 2)}</code>
+        </pre>
       </div>
       <div>
         <div className={styles.sticky}>

src/global/_code.css

@@ -14,13 +14,22 @@ code {
 pre {
   display: block;
   margin: calc(var(--spacer) / 2) 0;
-  padding: 0;
+  padding: calc(var(--spacer) / 2);
-  border: 1px solid var(--brand-grey-lighter);
+  background-color: var(--brand-grey-dimmed) !important;
   border-radius: var(--border-radius);
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  max-height: 800px;
+  width: 100%;
+  position: relative;
 }
 
 pre code {
-  padding: calc(var(--spacer) / 2);
+  padding: 0;
+  white-space: pre;
   display: block;
-  white-space: pre-wrap;
+  overflow-wrap: normal;
+  word-wrap: normal;
+  word-break: normal;
+  width: 100%;
 }