Highlight entire active headings rather than just name

src/dmdoc/template/dm_index.html

@@ -12,7 +12,7 @@
 {% if html %}{{ html | safe }}{% endif %}
 
 {% if modules %}
-<h3><a name="modules">Modules</a>
+<h3 id="modules">Modules
 <aside>({{ env.coverage.modules }} modules,
     {{ env.coverage.macros_documented }}/{{ env.coverage.macros_all }} macros{#
     #}{{ macros::percentage(amt=env.coverage.macros_documented, total=env.coverage.macros_all) }})</aside></h3>
@@ -20,7 +20,7 @@
 {% endif %}
 
 {% if types %}
-<h3><a name="types">Types</a>
+<h3 id="types">Types
 <aside>({{ env.coverage.types_detailed }} detailed/{#
     #}{{ env.coverage.types_documented }} documented/{{ env.coverage.types_all }} total{#
     #}{{ macros::percentage(amt=env.coverage.types_documented, total=env.coverage.types_all) }})</aside></h3>

src/dmdoc/template/dm_module.html

@@ -29,9 +29,9 @@
 </table>
 
 {%- if details.defines -%}
-<h2><a name="define">Define Details</a></h2>
+<h2 id="define">Define Details</h2>
 {% for name, define in details.defines -%}
-    <h3><aside class="declaration">#define </aside><a name="define/{{ name }}">{{ name }}</a>
+    <h3 id="define/{{ name }}"><aside class="declaration">#define </aside>{{ name }}
         {%- if define.has_params %}
             <aside>(
             {%- for param in define.params -%}

src/dmdoc/template/dm_type.html

@@ -39,15 +39,15 @@
 {%- endif -%}
 
 {% if details.vars %}
-    <h2><a name="var">Var Details</a></h2>
+    <h2 id="var">Var Details</h2>
     {%- for name, var in details.vars -%}
-        <h3>
+        <h3 id="var/{{ name }}">
         {%- if var.decl -%}
             <aside class="declaration">{{ var.decl }} </aside>
         {%- elif var.parent -%}
             <aside class="parent"><a title="/{{ var.parent | safe }}" href="{{ var.parent | safe }}.html#var/{{ name }}">&uarr;</a></aside>
         {%- endif -%}
-        <a name="var/{{ name }}">{{ name }}</a>
+        {{ name }}
         {%- if var.type %}
             <aside>&ndash; {% if var.type.is_static %}/static{% endif -%}
                 {%- if var.type.is_const %}/const{% endif -%}
@@ -60,15 +60,15 @@
 {% endif %}
 
 {%- if details.procs -%}
-    <h2><a name="proc">Proc Details</a></h2>
+    <h2 id="proc">Proc Details</h2>
     {%- for name, proc in details.procs -%}
-        <h3>
+        <h3 id="proc/{{ name }}">
             {%- if proc.decl -%}
                 <aside class="declaration">{{ proc.decl }} </aside>
             {%- elif proc.parent -%}
             <aside class="parent"><a title="/{{ proc.parent | safe }}" href="{{ proc.parent | safe }}.html#proc/{{ name }}">&uarr;</a></aside>
             {%- endif -%}
-            <a name="proc/{{ name }}">{{ name }}</a><aside>(
+            {{ name }}<aside>(
             {%- for param in proc.params -%}
                 {% if not loop.first %}, {% endif -%}
                 {% if param.type_path %}{{ param.type_path | linkify_type | safe }}/{% endif %}{{ param.name }}

src/dmdoc/template/dmdoc.css

@@ -58,8 +58,10 @@ table.summary th, table.summary td {
 :target {
     background-color: white;
     border-radius: 5px;
-    padding: 0 3px;
-    margin: 0 -3px;
+    padding-left: 3px;
+    padding-right: 3px;
+    margin-left: -3px;
+    margin-right: 3px;
 }
 img[src="git.png"] {
     opacity: 0.8;