example fix

apitest.py

@@ -4,5 +4,6 @@ client = Client("al1808th/macronizer")
 result = client.predict(
 	text="ἀάατος",
 	model_label="mega",
+	api_name="/render_results",
 )
 print(result)

app.py

@@ -564,8 +564,28 @@ CSS = """
     padding: 0.9rem;
 }
 
+#try-examples .examples {
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
+    align-items: stretch;
+    max-width: 100%;
+}
+
+#try-examples .example {
+    min-height: 0;
+    height: auto;
+}
+
+#try-examples .example-content,
+#try-examples .example-text-content {
+    width: 100%;
+}
+
 #try-examples .example-text {
+    display: block;
     white-space: pre-wrap;
+    overflow: visible;
+    text-overflow: clip;
+    line-height: 1.35;
 }
 
 .legend {

tests/test_markup.py

@@ -235,6 +235,17 @@ def test_public_api_text_example_is_greek():
     assert api_text_components[0]["props"]["value"] == "ἀάατος"
 
 
+def test_try_examples_preserve_visible_line_breaks():
+    import app
+
+    assert all("\n" in example for example in app.examples)
+    assert "#try-examples .examples" in app.CSS
+    assert "#try-examples .example-text" in app.CSS
+    assert "white-space: pre-wrap" in app.CSS
+    assert "overflow: visible" in app.CSS
+    assert "text-overflow: clip" in app.CSS
+
+
 def test_python_api_instructions_omit_api_name():
     import app