make code blocks always in one line

filed/static/assets/code.css

@@ -3,11 +3,21 @@
     padding: 1em;
     border: 1px solid var(--header-sec-color);
     border-radius: 12px;
-    font-family: monospace;
+    overflow-x: auto;
+}
+.code .inner {
+    width: max-content;
+    display: block;
 }
 .code-inline {
     display: inline;
-    font-family: monospace;
     background: #00000010;
+    border: 1px solid #c2c4c210;
+    border-radius: 4px;
     padding: 2px 4px;
 }
+
+.code, .code-inline {
+    font-family: monospace;
+    line-height: 1.5em;
+}

filed/templates/curlapi_help.html

@@ -25,11 +25,13 @@
         </a>
     </p>
     <div class='code'>
+        <span class='inner'>
             <span style='color:green'>curl</span>
             <span style='color:orange'>-X POST</span>
             <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
             <span style='color:orange'>-F'file=@file.txt'</span>
             <span style='color:orange'>-F'tos_consent=on'</span>
+        </span>
     </div>
     <p>
         To add a password, do it like this:
@@ -38,12 +40,14 @@
         </a>
     </p>
     <div class='code'>
+        <span class='inner'>
             <span style='color:green'>curl</span>
             <span style='color:orange'>-X POST</span>
             <span style='color:darkcyan'>{{env.instanceurl}}/curlapi/upload</span>
             <span style='color:orange'>-F'file=@file.txt'</span>
             <span style='color:orange'>-F'tos_consent=on'</span>
             <span style='color:orange'>-F'named=on'</span>
+        </span>
     </div>
     <p>
         Note that the