<table><tr><td style="">jjazeix added a comment.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D10004" rel="noreferrer">View Revision</a></tr></table><br /><div><div><p>Besides should also cause overlapping issues.<br />
My first comment was to do what you did but having all elements visible. Basically, you can consider: a top row with guessed text, a left column with the flower and a right column with ok+score and below is the bar+keyboard. The text should have all the remaining place.</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R2 GCompris</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D10004" rel="noreferrer">https://phabricator.kde.org/D10004</a></div></div><br /><div><strong>To: </strong>rohitdas, GCompris: Improvements<br /><strong>Cc: </strong>jjazeix, asagtani, KDE Edu, harrymecwan, ganeshredcobra, nityanandkumar, echarruau, rahulyadav, narvaez, scagarwal, apol, timotheegiet, hkaelberer, bcoudoin<br /></div>