diff --git a/hypha/static_src/javascript/all-submissions-table.js b/hypha/static_src/javascript/all-submissions-table.js index 11934db6f2689f792c1e422cb47181223a69d3bd..89526e7052e2e71672119b55deeb989464c72d43 100644 --- a/hypha/static_src/javascript/all-submissions-table.js +++ b/hypha/static_src/javascript/all-submissions-table.js @@ -4,11 +4,12 @@ let submission_arrow = document.createElement("span"); submission_arrow.classList.add("arrow"); - let submission_toggle = document.createElement("span"); + let submission_toggle = document.createElement("button"); submission_toggle.classList.add( "all-submissions-table__toggle", "js-toggle-submission" ); + submission_toggle.setAttribute("title", "Show submission details"); submission_toggle.appendChild(submission_arrow); // Add the toggle arrow before the submission titles. diff --git a/hypha/static_src/sass/components/_all-submissions-table.scss b/hypha/static_src/sass/components/_all-submissions-table.scss index c2af035dfa2f972752200f275abbc177384bd18c..2c3aeb621afef9188b8767a0e195f0fac0e55e6a 100644 --- a/hypha/static_src/sass/components/_all-submissions-table.scss +++ b/hypha/static_src/sass/components/_all-submissions-table.scss @@ -161,7 +161,6 @@ @include triangle(right, $color--primary, 6px); position: relative; display: inline-block; - margin-inline-end: 10px; transform: rotate(0); transition: transform $transition; @@ -245,7 +244,14 @@ } &__toggle { - padding: 5px 0 5px 5px; + padding: 0.5em; + margin-top: -0.5em; + cursor: pointer; + vertical-align: top; + + &:hover { + opacity: 0.7; + } } &__more { diff --git a/hypha/static_src/sass/components/_table.scss b/hypha/static_src/sass/components/_table.scss index a1ef7622805393d198e6eecccaa2483c2941c54b..25e107e39bd64007c7b35dcdf1012c34f1b2d1d7 100644 --- a/hypha/static_src/sass/components/_table.scss +++ b/hypha/static_src/sass/components/_table.scss @@ -116,7 +116,7 @@ } &.title { - padding-inline-start: 20px; + padding-inline-start: 0.5em; } } }