From 794c13c8edbcb4842ed13922c7198d8fc4bf5748 Mon Sep 17 00:00:00 2001
From: Raxel Gutierrez <raxel@google.com>
Date: Fri, 13 Aug 2021 05:31:21 +0000
Subject: [PATCH] patch-detail: change patch info toggles from links to buttons

Change toggle links (i.e. show/hide and expand/collapse) in patch info
section to buttons because links normally suggest movement to another
page whereas buttons indicate an action on the current page. Also,
buttons have a bigger clickable area which boosts the efficiency of
the toggle actions.

Signed-off-by: Raxel Gutierrez <raxel@google.com>
---
 patchwork/templates/patchwork/submission.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/patchwork/templates/patchwork/submission.html b/patchwork/templates/patchwork/submission.html
index 19d9413a..66efa0b5 100644
--- a/patchwork/templates/patchwork/submission.html
+++ b/patchwork/templates/patchwork/submission.html
@@ -49,7 +49,7 @@
  <tr>
   <th>Headers</th>
   <td>
-    <a id="toggle-patch-headers">show</a>
+    <button id="toggle-patch-headers">show</button>
     <div id="patch-headers" class="patch-headers" style="display:none;">
       <pre>{{submission.headers}}</pre>
     </div>
@@ -62,7 +62,7 @@
    <a href="{% url 'patch-list' project_id=project.linkname %}?series={{ submission.series.id }}">
     {{ submission.series.name }}
    </a> |
-   <a id="toggle-patch-series">expand</a>
+   <button id="toggle-patch-series">expand</button>
    <div id="patch-series" class="submission-list" style="display:none;">
     <ul>
      {% with submission.series.cover_letter as cover %}
@@ -98,7 +98,7 @@
  <tr>
   <th>Related</th>
   <td>
-   <a id="toggle-related">show</a>
+   <button id="toggle-related">show</button>
    <div id="related" class="submission-list" style="display:none;">
     <ul>
      {% for sibling in related_same_project %}
@@ -111,7 +111,7 @@
       </li>
      {% endfor %}
      {% if related_different_project %}
-      <a id="toggle-related-outside">show from other projects</a>
+      <button id="toggle-related-outside">show from other projects</button>
       <div id="related-outside" class="submission-list" style="display:none;">
        {% for sibling in related_outside %}
         <li>
-- 
2.47.3