X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=140b71cf94c6ae359734f2d7c1b4ba8d3574b033;hb=d54f6261c9e30f4eabb402ad301dd5c5e40fb656;hp=eb47dc9016adecf4b2595b52884dc5d480630142;hpb=28b32b4fc7c23b1c72bed68e1897576c5be46c3d;p=vchess.git diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index eb47dc90..140b71cf 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -27,6 +27,12 @@ div :aria-label="st.tr['Resize board']" ) img.inline(src="/images/icons/resize.svg") + button.tooltip( + v-if="canAnalyze" + @click="$emit('analyze')" + :aria-label="st.tr['Analyse']" + ) + img.inline(src="/images/icons/analyse.svg") #downloadDiv(v-if="canDownload") a#download(href="#") button.tooltip( @@ -34,12 +40,6 @@ div :aria-label="st.tr['Download'] + ' PGN'" ) img.inline(src="/images/icons/download.svg") - button.tooltip( - v-if="canAnalyze" - @click="$emit('analyze')" - :aria-label="st.tr['Analyse']" - ) - img.inline(src="/images/icons/analyse.svg") #scoreInfo(v-if="score!='*'") span.score {{ score }} span.score-msg {{ st.tr[message] }} @@ -74,9 +74,8 @@ export default { }; }, mounted: function() { - document.getElementById("adjuster").addEventListener( - "click", - processModalClick); + document.getElementById("adjuster") + .addEventListener("click", processModalClick); if ("ontouchstart" in window) { // Disable tooltips on smartphones: document.querySelectorAll("#aboveMoves .tooltip").forEach(elt => { @@ -194,7 +193,7 @@ export default { padding: 5px img.inline - height: 24px + height: 22px @media screen and (max-width: 767px) height: 18px @@ -226,6 +225,6 @@ span#rulesBtn button margin: 0 -button.tooltip +#aboveMoves button padding-bottom: 5px