Poll WIP (#231):

* frontend improvement

conversejs/custom/plugins/poll/components/poll-view.js

@@ -33,7 +33,8 @@ export default class MUCPollView extends CustomElement {
     return tplPoll(this, currentPoll)
   }
 
-  toggle () {
+  toggle (ev) {
+    ev.preventDefault()
     this.collapsed = !this.collapsed
   }
 

conversejs/custom/plugins/poll/styles/poll.scss

@@ -30,6 +30,10 @@
       p.livechat-poll-question {
         text-align: center;
         font-weight: bold;
+
+        span {
+          cursor: pointer; // because a click toggles
+        }
       }
 
       p.livechat-poll-instructions {
@@ -120,6 +124,11 @@ body[livechat-viewer-mode="on"] {
         // stop showing poll when over in readonly mode
         display: none !important;
       }
+
+      p.livechat-poll-instructions {
+        // No need for instruction in readonly mode
+        display: none !important;
+      }
     }
   }
 }

conversejs/custom/plugins/poll/templates/poll.js

@@ -104,7 +104,9 @@ export function tplPoll (el, currentPoll) {
               size="1em"></converse-icon>
           </button>`
       }
-      ${currentPoll.question}
+      <span @click=${el.toggle}>
+        ${currentPoll.question}
+      </span>
     </p>
     ${
       el.collapsed