fix ui buttons

ui/game/src/view/user.js

@@ -25,7 +25,7 @@ module.exports = function(ctrl, player, klass) {
       (player.user.title ? player.user.title + ' ' : '') + player.user.username,
       rating ? ' (' + rating + ')' : '',
       ratingDiff(player),
-      player.engine ? m('span.text[data-icon=j]', {
+      player.engine ? m('span[data-icon=j]', {
         title: ctrl.trans('thisPlayerUsesChessComputerAssistance')
       }) : null
     ]),

ui/puzzle/src/view.js

@@ -74,12 +74,12 @@ function renderCommentary(ctrl) {
       ]);
     case 'great':
       return m('div.comment.great', [
-        m('h3[data-icon=E]', m('strong', ctrl.trans('bestMove'))),
+        m('h3.text[data-icon=E]', m('strong', ctrl.trans('bestMove'))),
         m('span', ctrl.trans('keepGoing'))
       ]);
     case 'fail':
       return m('div.comment.fail', [
-        m('h3[data-icon=k]', m('strong', ctrl.trans('puzzleFailed'))),
+        m('h3.text[data-icon=k]', m('strong', ctrl.trans('puzzleFailed'))),
         ctrl.data.mode == 'try' ? m('span', ctrl.trans('butYouCanKeepTrying')) : null
       ]);
     default:
@@ -93,7 +93,7 @@ function renderRatingDiff(diff) {
 
 function renderWin(ctrl, attempt) {
   return m('div.comment.win', [
-    m('h3[data-icon=E]', [
+    m('h3.text[data-icon=E]', [
       m('strong', ctrl.trans('victory')),
       attempt ? renderRatingDiff(attempt.userRatingDiff) : null
     ]),
@@ -103,7 +103,7 @@ function renderWin(ctrl, attempt) {
 
 function renderLoss(ctrl, attempt) {
   return m('div.comment.loss',
-    m('h3[data-icon=k]', [
+    m('h3.text[data-icon=k]', [
       m('strong', ctrl.trans('puzzleFailed')),
       attempt ? renderRatingDiff(attempt.userRatingDiff) : null
     ])
@@ -198,11 +198,11 @@ function renderViewTable(ctrl) {
       )
     ]),
     m('div.continue_wrap', [
-      ctrl.data.win === null ? m('button.continue.button[data-icon=G]', {
+      ctrl.data.win === null ? m('button.continue.button.text[data-icon=G]', {
         onclick: partial(xhr.newPuzzle, ctrl)
-      }, ctrl.trans('continueTraining')) : m('a.continue.button[data-icon=G]', {
+      }, ctrl.trans('continueTraining')) : m('a.continue.button.text[data-icon=G]', {
         onclick: partial(xhr.newPuzzle, ctrl)
-      }, ctrl.trans('startTraining')), !(ctrl.data.win === null ? ctrl.data.attempt.win : ctrl.data.win) ? m('a.retry[data-icon=P]', {
+      }, ctrl.trans('startTraining')), !(ctrl.data.win === null ? ctrl.data.attempt.win : ctrl.data.win) ? m('a.retry.text[data-icon=P]', {
         onclick: partial(xhr.retry, ctrl)
       }, ctrl.trans('retryThisPuzzle')) : null
     ])

ui/round/src/view/button.js

@@ -47,11 +47,11 @@ module.exports = {
     if (ctrl.data.opponent.offeringDraw) return m('div.negotiation', [
       ctrl.trans('yourOpponentOffersADraw'),
       m('br'),
-      m('a.button[data-icon=E]', {
+      m('a.button.text[data-icon=E]', {
         onclick: partial(ctrl.socket.send, 'draw-yes', null)
       }, ctrl.trans('accept')),
       m.trust(' '),
-      m('a.button[data-icon=L]', {
+      m('a.button.text[data-icon=L]', {
         onclick: partial(ctrl.socket.send, 'draw-no', null)
       }, ctrl.trans('decline')),
     ]);
@@ -68,11 +68,11 @@ module.exports = {
     if (ctrl.data.opponent.proposingTakeback) return m('div.negotiation', [
       ctrl.trans('yourOpponentProposesATakeback'),
       m('br'),
-      m('a.button[data-icon=E]', {
+      m('a.button.text[data-icon=E]', {
         onclick: partial(ctrl.socket.send, 'takeback-yes', null)
       }, ctrl.trans('accept')),
       m.trust(' '),
-      m('a.button[data-icon=L]', {
+      m('a.button.text[data-icon=L]', {
         onclick: partial(ctrl.socket.send, 'takeback-no', null)
       }, ctrl.trans('decline')),
     ]);
@@ -113,7 +113,7 @@ module.exports = {
     ];
   },
   viewRematch: function(ctrl) {
-    if (ctrl.data.game.rematch) return m('a.viewRematch.button[data-icon=v]', {
+    if (ctrl.data.game.rematch) return m('a.viewRematch.button.text[data-icon=v]', {
       href: ctrl.router.Round.watcher(ctrl.data.game.rematch, ctrl.data.opponent.color).url
     }, ctrl.trans('viewRematch'));
   },
@@ -127,7 +127,7 @@ module.exports = {
     ];
   },
   backToTournament: function(ctrl) {
-    if (ctrl.data.tournament && ctrl.data.tournament.running) return m('a[data-icon=G].button.strong.glowing', {
+    if (ctrl.data.tournament && ctrl.data.tournament.running) return m('a.text[data-icon=G].button.strong.glowing', {
       href: '/tournament/' + ctrl.data.tournament.id
     }, ctrl.trans('backToTournament'));
   },

ui/round/src/view/table.js

@@ -74,7 +74,7 @@ function renderTablePlay(ctrl) {
     button.cancelDrawOffer(ctrl),
     button.answerOpponentDrawOffer(ctrl),
     button.cancelTakebackProposition(ctrl),
-    button.answerOpponentTakebackProposition(ctrl), (game.mandatory(d) && game.nbMoves(d, d.player.color) === 0) ? m('div[data-icon=j]',
+    button.answerOpponentTakebackProposition(ctrl), (game.mandatory(d) && game.nbMoves(d, d.player.color) === 0) ? m('div.text[data-icon=j]',
       ctrl.trans('youHaveNbSecondsToMakeYourFirstMove', 30)
     ) : null
   ]);