Simplify see also styling

Author: adewale

public/site.dfa9bd8042a1.css public/site.06e133dcde6a.csspublic/site.dfa9bd8042a1.css renamed to public/site.06e133dcde6a.css

@@ -351,11 +351,11 @@ def render_example_page(example, output=None, code=None, execution_time_ms=None)
     notes_html = "".join(f"<li>{note}</li>" for note in notes)
     see_also_examples = [get_example(slug) for slug in example.get("see_also", [])]
     see_also_links = "".join(
-        f'<li><span class="see-also-label">{html.escape(_see_also_label(example["slug"], item["slug"]))}</span> <a class="text-link" href="/examples/{html.escape(item["slug"])}">{html.escape(item["title"])}</a></li>'
+        f'<li>{html.escape(_see_also_label(example["slug"], item["slug"]))}: <a class="text-link" href="/examples/{html.escape(item["slug"])}">{html.escape(item["title"])}</a></li>'
         for item in see_also_examples
         if item is not None
     )
-    see_also_html = f'<section class="see-also"><h2>See also</h2><ul>{see_also_links}</ul></section>' if see_also_links else ""
+    see_also_html = f'<h2>See also</h2><ul>{see_also_links}</ul>' if see_also_links else ""
     content = _replace(
         _template("example.html"),
         {
@@ -414,7 +414,7 @@ def route(url: str, method: str = "GET") -> AppResponse:
                 f'<li><a class="text-link" href="/examples/{html.escape(item["slug"])}">{html.escape(item["title"])}</a></li>'
                 for item in _recommended_examples(slug)
             )
-            body = f'<h1>Example not found</h1><p class="meta">Try one of these nearby examples.</p><section class="see-also"><h2>Recommended examples</h2><ul>{recommendations}</ul></section>'
+            body = f'<h1>Example not found</h1><p class="meta">Try one of these nearby examples.</p><h2>Recommended examples</h2><ul>{recommendations}</ul>'
             return AppResponse(_layout("Not Found", body), status=404)
         return AppResponse(
             render_example_page(example), headers={"Content-Type": "text/html; charset=utf-8"}

public/site.css

@@ -1,3 +1,3 @@
 # Generated by scripts/fingerprint_assets.py. Do not edit by hand.
-ASSET_PATHS = {'SITE_CSS': '/site.dfa9bd8042a1.css', 'SYNTAX_JS': '/syntax-highlight.3b6c7f730d46.js', 'EDITOR_JS': '/editor.dd81f5171b14.js'}
-HTML_CACHE_VERSION = '37b3e0c8e92b'
+ASSET_PATHS = {'SITE_CSS': '/site.06e133dcde6a.css', 'SYNTAX_JS': '/syntax-highlight.3b6c7f730d46.js', 'EDITOR_JS': '/editor.dd81f5171b14.js'}
+HTML_CACHE_VERSION = '6dd0b780fadd'

src/app.py

@@ -197,6 +197,7 @@ def test_see_also_links_form_valid_example_graph(self):
         self.assertIn("See also", html)
         self.assertIn("contrast", html)
         self.assertIn('/examples/loop-else', html)
+        self.assertNotIn('class="see-also"', html)
         missing = route("https://example.com/examples/break-continue")
         self.assertEqual(missing.status, 404)
         self.assertIn("Recommended examples", missing.body)