Adapt mobile display

Author: mathpluscode

docs/build.py

@@ -346,7 +346,7 @@ def build_html(cards_html: str) -> str:
     justify-content: space-between;
   }}
 
-  .code-block code {{ flex: 1; user-select: all; }}
+  .code-block code {{ flex: 1; user-select: all; overflow-x: auto; }}
 
   .copy-btn {{
     background: none;
@@ -384,7 +384,7 @@ def build_html(cards_html: str) -> str:
   .diff-badge {{
     font-size: 0.75rem;
     padding: 0.1rem 0.5rem;
-    border-radius: 2em;
+    border-radius: 0.5rem;
     font-weight: 500;
     margin-left: auto;
   }}

docs/index.html

@@ -159,7 +159,7 @@
     justify-content: space-between;
   }
 
-  .code-block code { flex: 1; user-select: all; }
+  .code-block code { flex: 1; user-select: all; overflow-x: auto; }
 
   .copy-btn {
     background: none;
@@ -197,7 +197,7 @@
   .diff-badge {
     font-size: 0.75rem;
     padding: 0.1rem 0.5rem;
-    border-radius: 2em;
+    border-radius: 0.5rem;
     font-weight: 500;
     margin-left: auto;
   }