From 6ef7807301fd02e58f9d80429333b589814738fc Mon Sep 17 00:00:00 2001
From: Ned Batchelder <ned@nedbatchelder.com>
Date: Fri, 20 May 2022 16:28:21 -0400
Subject: style(html): clean up the html tags and styles

---
 coverage/htmlfiles/index.html | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

(limited to 'coverage/htmlfiles/index.html')

diff --git a/coverage/htmlfiles/index.html b/coverage/htmlfiles/index.html
index d1cf0041..bde46eaf 100644
--- a/coverage/htmlfiles/index.html
+++ b/coverage/htmlfiles/index.html
@@ -21,15 +21,15 @@
             <span class="pc_cov">{{totals.pc_covered_str}}%</span>
         </h1>
 
-        <div id="help_panel_wrapper">
+        <aside id="help_panel_wrapper">
             <input id="help_panel_state" type="checkbox">
             <label for="help_panel_state">
                 <img id="keyboard_icon" src="keybd_closed.png" alt="Show/hide keyboard shortcuts" />
             </label>
             <div id="help_panel">
                 <p class="legend">Shortcuts on this page</p>
-                <div>
-                    <p class="keyhelp">
+                <div class="keyhelp">
+                    <p>
                         <kbd>n</kbd>
                         <kbd>s</kbd>
                         <kbd>m</kbd>
@@ -38,25 +38,26 @@
                         <kbd>b</kbd>
                         <kbd>p</kbd>
                         {% endif %}
-                        <kbd>c</kbd> &nbsp; change column sorting
+                        <kbd>c</kbd>
+                        &nbsp; change column sorting
                     </p>
-                    <p class="keyhelp">
+                    <p>
                         <kbd>[</kbd>
                         <kbd>]</kbd>
                         &nbsp; prev/next file
                     </p>
-                    <p class="keyhelp">
+                    <p>
                         <kbd>?</kbd> &nbsp; show/hide this help
                     </p>
                 </div>
             </div>
-        </div>
+        </aside>
 
         <form id="filter_container">
             <input id="filter" type="text" value="" placeholder="filter..." />
         </form>
 
-        <p>
+        <p class="text">
             <a class="nav" href="{{__url__}}">coverage.py v{{__version__}}</a>,
             created at {{ time_stamp }}
         </p>
@@ -128,15 +129,13 @@
             created at {{ time_stamp }}
         </p>
     </div>
-    <div style="display: none;">
-        <p>
-            <a id="prevFileLink" class="nav" href="{{ final_html }}">first file</a>
-            <a id="nextFileLink" class="nav" href="{{ first_html }}">final file</a>
-        </p>
-        <button type="button" class="button_prev_file" data-shortcut="[">Previous file</button>
-        <button type="button" class="button_next_file" data-shortcut="]">Next file</button>
-            <button type="button" class="button_show_hide_help" data-shortcut="?">Show/hide keyboard shortcuts</button>
-    </div>
+    <aside class="hidden">
+        <a id="prevFileLink" class="nav" href="{{ final_html }}"/>
+        <a id="nextFileLink" class="nav" href="{{ first_html }}"/>
+        <button type="button" class="button_prev_file" data-shortcut="["/>
+        <button type="button" class="button_next_file" data-shortcut="]"/>
+        <button type="button" class="button_show_hide_help" data-shortcut="?"/>
+    </aside>
 </footer>
 
 </body>
-- 
cgit v1.2.1