From ae7b31117b13fcb110a4b07e3490a39ce204cecb Mon Sep 17 00:00:00 2001
From: Seth Forsgren <forsgren.seth@gmail.com>
Date: Thu, 15 Dec 2022 00:51:27 -0800
Subject: [PATCH] conditional citation wrapping on mobile

---
 pages/about.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/pages/about.tsx b/pages/about.tsx
index ec2ffad..fa3ea8e 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -556,14 +556,28 @@ export default function Home() {
           <p className="mt-3">
             If you build on this work, please cite it as follows:
           </p>
-          <pre className="text-sm ml-8 mt-3">
+          <pre className="md:hidden text-sm ml-0 md:ml-8 mt-3">
             {`@software{Forsgren_Martiros_2022,
+  author = {Forsgren, Seth* 
+    and Martiros, Hayk*},
+  title = {{Riffusion - 
+    Stable diffusion for 
+    real-time music generation}},
+  url = {https://riffusion.com/about},
+  year = {2022}
+}`}
+          </pre>
+          <div className="hidden md:block">
+            <pre className="text-sm ml-0 md:ml-8 mt-3">
+              {`@software{Forsgren_Martiros_2022,
   author = {Forsgren, Seth* and Martiros, Hayk*},
   title = {{Riffusion - Stable diffusion for real-time music generation}},
   url = {https://riffusion.com/about},
   year = {2022}
 }`}
-          </pre>
+            </pre>
+          </div>
+
         </div>
       </main>
     </>