Client: fix popovers and tooltips (#9014)

* rebuild shrinkwrap

* upgrade tooltips and popovers

npm-shrinkwrap.json

@@ -518,9 +518,9 @@
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.7.7.tgz"
     },
     "aws-sdk": {
-      "version": "2.106.0",
+      "version": "2.107.0",
       "from": "aws-sdk@>=2.0.25 <3.0.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.106.0.tgz",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.107.0.tgz",
       "dependencies": {
         "sax": {
           "version": "1.2.1",
@@ -1043,9 +1043,9 @@
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0-alpha.6.tgz"
     },
     "bootstrap-vue": {
-      "version": "1.0.0-beta.6",
+      "version": "1.0.0-beta.7",
       "from": "bootstrap-vue@>=1.0.0-beta.6 <2.0.0",
-      "resolved": "https://registry.npmjs.org/bootstrap-vue/-/bootstrap-vue-1.0.0-beta.6.tgz",
+      "resolved": "https://registry.npmjs.org/bootstrap-vue/-/bootstrap-vue-1.0.0-beta.7.tgz",
       "dependencies": {
         "bootstrap": {
           "version": "4.0.0-beta",
@@ -1887,9 +1887,9 @@
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz"
     },
     "chromedriver": {
-      "version": "2.31.0",
+      "version": "2.32.0",
       "from": "chromedriver@>=2.27.2 <3.0.0",
-      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-2.31.0.tgz",
+      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-2.32.0.tgz",
       "dev": true,
       "dependencies": {
         "caseless": {
@@ -3169,7 +3169,7 @@
     "duplexify": {
       "version": "3.5.1",
       "from": "duplexify@>=3.2.0 <4.0.0",
-      "resolved": "http://registry.npmjs.org/duplexify/-/duplexify-3.5.1.tgz"
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.5.1.tgz"
     },
     "each-async": {
       "version": "1.1.1",
@@ -3216,9 +3216,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.3.19",
+      "version": "1.3.20",
       "from": "electron-to-chromium@>=1.2.7 <2.0.0",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.19.tgz"
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.20.tgz"
     },
     "elliptic": {
       "version": "6.4.0",
@@ -4246,6 +4246,662 @@
       "from": "fs.realpath@>=1.0.0 <2.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
     },
+    "fsevents": {
+      "version": "1.1.2",
+      "from": "fsevents@>=1.0.0 <2.0.0",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.1.2.tgz",
+      "optional": true,
+      "dependencies": {
+        "abbrev": {
+          "version": "1.1.0",
+          "from": "abbrev@1.1.0",
+          "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.0.tgz",
+          "optional": true
+        },
+        "ajv": {
+          "version": "4.11.8",
+          "from": "ajv@4.11.8",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
+          "optional": true
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "from": "ansi-regex@2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz"
+        },
+        "aproba": {
+          "version": "1.1.1",
+          "from": "aproba@1.1.1",
+          "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.1.1.tgz",
+          "optional": true
+        },
+        "are-we-there-yet": {
+          "version": "1.1.4",
+          "from": "are-we-there-yet@1.1.4",
+          "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz",
+          "optional": true
+        },
+        "asn1": {
+          "version": "0.2.3",
+          "from": "asn1@0.2.3",
+          "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
+          "optional": true
+        },
+        "assert-plus": {
+          "version": "0.2.0",
+          "from": "assert-plus@0.2.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz",
+          "optional": true
+        },
+        "asynckit": {
+          "version": "0.4.0",
+          "from": "asynckit@0.4.0",
+          "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+          "optional": true
+        },
+        "aws-sign2": {
+          "version": "0.6.0",
+          "from": "aws-sign2@0.6.0",
+          "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz",
+          "optional": true
+        },
+        "aws4": {
+          "version": "1.6.0",
+          "from": "aws4@1.6.0",
+          "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.6.0.tgz",
+          "optional": true
+        },
+        "balanced-match": {
+          "version": "0.4.2",
+          "from": "balanced-match@0.4.2",
+          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-0.4.2.tgz"
+        },
+        "bcrypt-pbkdf": {
+          "version": "1.0.1",
+          "from": "bcrypt-pbkdf@1.0.1",
+          "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
+          "optional": true
+        },
+        "block-stream": {
+          "version": "0.0.9",
+          "from": "block-stream@0.0.9",
+          "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz"
+        },
+        "boom": {
+          "version": "2.10.1",
+          "from": "boom@2.10.1",
+          "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz"
+        },
+        "brace-expansion": {
+          "version": "1.1.7",
+          "from": "brace-expansion@1.1.7",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.7.tgz"
+        },
+        "buffer-shims": {
+          "version": "1.0.0",
+          "from": "buffer-shims@1.0.0",
+          "resolved": "https://registry.npmjs.org/buffer-shims/-/buffer-shims-1.0.0.tgz"
+        },
+        "caseless": {
+          "version": "0.12.0",
+          "from": "caseless@0.12.0",
+          "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+          "optional": true
+        },
+        "co": {
+          "version": "4.6.0",
+          "from": "co@4.6.0",
+          "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+          "optional": true
+        },
+        "code-point-at": {
+          "version": "1.1.0",
+          "from": "code-point-at@1.1.0",
+          "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz"
+        },
+        "combined-stream": {
+          "version": "1.0.5",
+          "from": "combined-stream@1.0.5",
+          "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz"
+        },
+        "concat-map": {
+          "version": "0.0.1",
+          "from": "concat-map@0.0.1",
+          "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
+        },
+        "console-control-strings": {
+          "version": "1.1.0",
+          "from": "console-control-strings@1.1.0",
+          "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz"
+        },
+        "core-util-is": {
+          "version": "1.0.2",
+          "from": "core-util-is@1.0.2",
+          "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz"
+        },
+        "cryptiles": {
+          "version": "2.0.5",
+          "from": "cryptiles@2.0.5",
+          "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz",
+          "optional": true
+        },
+        "dashdash": {
+          "version": "1.14.1",
+          "from": "dashdash@1.14.1",
+          "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+          "optional": true,
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "from": "assert-plus@1.0.0",
+              "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+              "optional": true
+            }
+          }
+        },
+        "debug": {
+          "version": "2.6.8",
+          "from": "debug@2.6.8",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.8.tgz",
+          "optional": true
+        },
+        "deep-extend": {
+          "version": "0.4.2",
+          "from": "deep-extend@0.4.2",
+          "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.4.2.tgz",
+          "optional": true
+        },
+        "delayed-stream": {
+          "version": "1.0.0",
+          "from": "delayed-stream@1.0.0",
+          "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
+        },
+        "delegates": {
+          "version": "1.0.0",
+          "from": "delegates@1.0.0",
+          "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+          "optional": true
+        },
+        "ecc-jsbn": {
+          "version": "0.1.1",
+          "from": "ecc-jsbn@0.1.1",
+          "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
+          "optional": true
+        },
+        "extend": {
+          "version": "3.0.1",
+          "from": "extend@3.0.1",
+          "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
+          "optional": true
+        },
+        "extsprintf": {
+          "version": "1.0.2",
+          "from": "extsprintf@1.0.2",
+          "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.0.2.tgz"
+        },
+        "forever-agent": {
+          "version": "0.6.1",
+          "from": "forever-agent@0.6.1",
+          "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+          "optional": true
+        },
+        "form-data": {
+          "version": "2.1.4",
+          "from": "form-data@2.1.4",
+          "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz",
+          "optional": true
+        },
+        "fs.realpath": {
+          "version": "1.0.0",
+          "from": "fs.realpath@1.0.0",
+          "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
+        },
+        "fstream": {
+          "version": "1.0.11",
+          "from": "fstream@1.0.11",
+          "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz"
+        },
+        "fstream-ignore": {
+          "version": "1.0.5",
+          "from": "fstream-ignore@1.0.5",
+          "resolved": "https://registry.npmjs.org/fstream-ignore/-/fstream-ignore-1.0.5.tgz",
+          "optional": true
+        },
+        "gauge": {
+          "version": "2.7.4",
+          "from": "gauge@2.7.4",
+          "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+          "optional": true
+        },
+        "getpass": {
+          "version": "0.1.7",
+          "from": "getpass@0.1.7",
+          "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+          "optional": true,
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "from": "assert-plus@1.0.0",
+              "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+              "optional": true
+            }
+          }
+        },
+        "glob": {
+          "version": "7.1.2",
+          "from": "glob@7.1.2",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz"
+        },
+        "graceful-fs": {
+          "version": "4.1.11",
+          "from": "graceful-fs@4.1.11",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz"
+        },
+        "har-schema": {
+          "version": "1.0.5",
+          "from": "har-schema@1.0.5",
+          "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-1.0.5.tgz",
+          "optional": true
+        },
+        "har-validator": {
+          "version": "4.2.1",
+          "from": "har-validator@4.2.1",
+          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz",
+          "optional": true
+        },
+        "has-unicode": {
+          "version": "2.0.1",
+          "from": "has-unicode@2.0.1",
+          "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+          "optional": true
+        },
+        "hawk": {
+          "version": "3.1.3",
+          "from": "hawk@3.1.3",
+          "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
+          "optional": true
+        },
+        "hoek": {
+          "version": "2.16.3",
+          "from": "hoek@2.16.3",
+          "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz"
+        },
+        "http-signature": {
+          "version": "1.1.1",
+          "from": "http-signature@1.1.1",
+          "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
+          "optional": true
+        },
+        "inflight": {
+          "version": "1.0.6",
+          "from": "inflight@1.0.6",
+          "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "from": "inherits@2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz"
+        },
+        "ini": {
+          "version": "1.3.4",
+          "from": "ini@1.3.4",
+          "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.4.tgz",
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "from": "is-fullwidth-code-point@1.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz"
+        },
+        "is-typedarray": {
+          "version": "1.0.0",
+          "from": "is-typedarray@1.0.0",
+          "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+          "optional": true
+        },
+        "isarray": {
+          "version": "1.0.0",
+          "from": "isarray@1.0.0",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz"
+        },
+        "isstream": {
+          "version": "0.1.2",
+          "from": "isstream@0.1.2",
+          "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+          "optional": true
+        },
+        "jodid25519": {
+          "version": "1.0.2",
+          "from": "jodid25519@1.0.2",
+          "resolved": "https://registry.npmjs.org/jodid25519/-/jodid25519-1.0.2.tgz",
+          "optional": true
+        },
+        "jsbn": {
+          "version": "0.1.1",
+          "from": "jsbn@0.1.1",
+          "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+          "optional": true
+        },
+        "json-schema": {
+          "version": "0.2.3",
+          "from": "json-schema@0.2.3",
+          "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+          "optional": true
+        },
+        "json-stable-stringify": {
+          "version": "1.0.1",
+          "from": "json-stable-stringify@1.0.1",
+          "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
+          "optional": true
+        },
+        "json-stringify-safe": {
+          "version": "5.0.1",
+          "from": "json-stringify-safe@5.0.1",
+          "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+          "optional": true
+        },
+        "jsonify": {
+          "version": "0.0.0",
+          "from": "jsonify@0.0.0",
+          "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
+          "optional": true
+        },
+        "jsprim": {
+          "version": "1.4.0",
+          "from": "jsprim@1.4.0",
+          "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.0.tgz",
+          "optional": true,
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "from": "assert-plus@1.0.0",
+              "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+              "optional": true
+            }
+          }
+        },
+        "mime-db": {
+          "version": "1.27.0",
+          "from": "mime-db@1.27.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.27.0.tgz"
+        },
+        "mime-types": {
+          "version": "2.1.15",
+          "from": "mime-types@2.1.15",
+          "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.15.tgz"
+        },
+        "minimatch": {
+          "version": "3.0.4",
+          "from": "minimatch@3.0.4",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz"
+        },
+        "minimist": {
+          "version": "0.0.8",
+          "from": "minimist@0.0.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz"
+        },
+        "mkdirp": {
+          "version": "0.5.1",
+          "from": "mkdirp@0.5.1",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz"
+        },
+        "ms": {
+          "version": "2.0.0",
+          "from": "ms@2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "optional": true
+        },
+        "node-pre-gyp": {
+          "version": "0.6.36",
+          "from": "node-pre-gyp@^0.6.36",
+          "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.6.36.tgz",
+          "optional": true
+        },
+        "nopt": {
+          "version": "4.0.1",
+          "from": "nopt@4.0.1",
+          "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.1.tgz",
+          "optional": true
+        },
+        "npmlog": {
+          "version": "4.1.0",
+          "from": "npmlog@4.1.0",
+          "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.0.tgz",
+          "optional": true
+        },
+        "number-is-nan": {
+          "version": "1.0.1",
+          "from": "number-is-nan@1.0.1",
+          "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz"
+        },
+        "oauth-sign": {
+          "version": "0.8.2",
+          "from": "oauth-sign@0.8.2",
+          "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
+          "optional": true
+        },
+        "object-assign": {
+          "version": "4.1.1",
+          "from": "object-assign@4.1.1",
+          "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+          "optional": true
+        },
+        "once": {
+          "version": "1.4.0",
+          "from": "once@1.4.0",
+          "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
+        },
+        "os-homedir": {
+          "version": "1.0.2",
+          "from": "os-homedir@1.0.2",
+          "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+          "optional": true
+        },
+        "os-tmpdir": {
+          "version": "1.0.2",
+          "from": "os-tmpdir@1.0.2",
+          "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+          "optional": true
+        },
+        "osenv": {
+          "version": "0.1.4",
+          "from": "osenv@0.1.4",
+          "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.4.tgz",
+          "optional": true
+        },
+        "path-is-absolute": {
+          "version": "1.0.1",
+          "from": "path-is-absolute@1.0.1",
+          "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
+        },
+        "performance-now": {
+          "version": "0.2.0",
+          "from": "performance-now@0.2.0",
+          "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-0.2.0.tgz",
+          "optional": true
+        },
+        "process-nextick-args": {
+          "version": "1.0.7",
+          "from": "process-nextick-args@1.0.7",
+          "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz"
+        },
+        "punycode": {
+          "version": "1.4.1",
+          "from": "punycode@1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "optional": true
+        },
+        "qs": {
+          "version": "6.4.0",
+          "from": "qs@6.4.0",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.4.0.tgz",
+          "optional": true
+        },
+        "rc": {
+          "version": "1.2.1",
+          "from": "rc@1.2.1",
+          "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.1.tgz",
+          "optional": true,
+          "dependencies": {
+            "minimist": {
+              "version": "1.2.0",
+              "from": "minimist@1.2.0",
+              "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+              "optional": true
+            }
+          }
+        },
+        "readable-stream": {
+          "version": "2.2.9",
+          "from": "readable-stream@2.2.9",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.2.9.tgz"
+        },
+        "request": {
+          "version": "2.81.0",
+          "from": "request@2.81.0",
+          "resolved": "https://registry.npmjs.org/request/-/request-2.81.0.tgz",
+          "optional": true
+        },
+        "rimraf": {
+          "version": "2.6.1",
+          "from": "rimraf@2.6.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.1.tgz"
+        },
+        "safe-buffer": {
+          "version": "5.0.1",
+          "from": "safe-buffer@5.0.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.0.1.tgz"
+        },
+        "semver": {
+          "version": "5.3.0",
+          "from": "semver@5.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "optional": true
+        },
+        "set-blocking": {
+          "version": "2.0.0",
+          "from": "set-blocking@2.0.0",
+          "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+          "optional": true
+        },
+        "signal-exit": {
+          "version": "3.0.2",
+          "from": "signal-exit@3.0.2",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+          "optional": true
+        },
+        "sntp": {
+          "version": "1.0.9",
+          "from": "sntp@1.0.9",
+          "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz",
+          "optional": true
+        },
+        "sshpk": {
+          "version": "1.13.0",
+          "from": "sshpk@1.13.0",
+          "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.13.0.tgz",
+          "optional": true,
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "from": "assert-plus@1.0.0",
+              "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+              "optional": true
+            }
+          }
+        },
+        "string_decoder": {
+          "version": "1.0.1",
+          "from": "string_decoder@1.0.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.1.tgz"
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "from": "string-width@1.0.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz"
+        },
+        "stringstream": {
+          "version": "0.0.5",
+          "from": "stringstream@0.0.5",
+          "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",
+          "optional": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "from": "strip-ansi@3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz"
+        },
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "from": "strip-json-comments@2.0.1",
+          "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+          "optional": true
+        },
+        "tar": {
+          "version": "2.2.1",
+          "from": "tar@2.2.1",
+          "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz"
+        },
+        "tar-pack": {
+          "version": "3.4.0",
+          "from": "tar-pack@3.4.0",
+          "resolved": "https://registry.npmjs.org/tar-pack/-/tar-pack-3.4.0.tgz",
+          "optional": true
+        },
+        "tough-cookie": {
+          "version": "2.3.2",
+          "from": "tough-cookie@2.3.2",
+          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.2.tgz",
+          "optional": true
+        },
+        "tunnel-agent": {
+          "version": "0.6.0",
+          "from": "tunnel-agent@0.6.0",
+          "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+          "optional": true
+        },
+        "tweetnacl": {
+          "version": "0.14.5",
+          "from": "tweetnacl@0.14.5",
+          "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+          "optional": true
+        },
+        "uid-number": {
+          "version": "0.0.6",
+          "from": "uid-number@0.0.6",
+          "resolved": "https://registry.npmjs.org/uid-number/-/uid-number-0.0.6.tgz",
+          "optional": true
+        },
+        "util-deprecate": {
+          "version": "1.0.2",
+          "from": "util-deprecate@1.0.2",
+          "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
+        },
+        "uuid": {
+          "version": "3.0.1",
+          "from": "uuid@3.0.1",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.0.1.tgz",
+          "optional": true
+        },
+        "verror": {
+          "version": "1.3.6",
+          "from": "verror@1.3.6",
+          "resolved": "https://registry.npmjs.org/verror/-/verror-1.3.6.tgz",
+          "optional": true
+        },
+        "wide-align": {
+          "version": "1.1.2",
+          "from": "wide-align@1.1.2",
+          "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.2.tgz",
+          "optional": true
+        },
+        "wrappy": {
+          "version": "1.0.2",
+          "from": "wrappy@1.0.2",
+          "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
+        }
+      }
+    },
     "fstream": {
       "version": "1.0.11",
       "from": "fstream@>=1.0.2 <2.0.0",
@@ -10028,7 +10684,7 @@
     "pug": {
       "version": "2.0.0-rc.3",
       "from": "pug@>=2.0.0-beta.12 <3.0.0",
-      "resolved": "http://registry.npmjs.org/pug/-/pug-2.0.0-rc.3.tgz"
+      "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.0-rc.3.tgz"
     },
     "pug-attrs": {
       "version": "2.0.2",
@@ -10072,7 +10728,7 @@
     "pug-filters": {
       "version": "2.1.4",
       "from": "pug-filters@>=2.1.4 <3.0.0",
-      "resolved": "http://registry.npmjs.org/pug-filters/-/pug-filters-2.1.4.tgz",
+      "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-2.1.4.tgz",
       "dependencies": {
         "asap": {
           "version": "2.0.6",
@@ -10133,17 +10789,17 @@
     "pug-linker": {
       "version": "3.0.2",
       "from": "pug-linker@>=3.0.2 <4.0.0",
-      "resolved": "http://registry.npmjs.org/pug-linker/-/pug-linker-3.0.2.tgz"
+      "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.2.tgz"
     },
     "pug-load": {
       "version": "2.0.8",
       "from": "pug-load@>=2.0.8 <3.0.0",
-      "resolved": "http://registry.npmjs.org/pug-load/-/pug-load-2.0.8.tgz"
+      "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.8.tgz"
     },
     "pug-parser": {
       "version": "3.0.1",
       "from": "pug-parser@>=3.0.1 <4.0.0",
-      "resolved": "http://registry.npmjs.org/pug-parser/-/pug-parser-3.0.1.tgz"
+      "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-3.0.1.tgz"
     },
     "pug-runtime": {
       "version": "2.0.3",
@@ -10158,7 +10814,7 @@
     "pug-walk": {
       "version": "1.1.4",
       "from": "pug-walk@>=1.1.4 <2.0.0",
-      "resolved": "http://registry.npmjs.org/pug-walk/-/pug-walk-1.1.4.tgz"
+      "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.4.tgz"
     },
     "pump": {
       "version": "0.3.5",
@@ -11881,7 +12537,7 @@
     },
     "tether": {
       "version": "1.4.0",
-      "from": "tether@latest",
+      "from": "tether@>=1.4.0 <2.0.0",
       "resolved": "https://registry.npmjs.org/tether/-/tether-1.4.0.tgz"
     },
     "text-table": {

website/client/assets/scss/index.scss

@@ -19,6 +19,7 @@
 @import './badge';
 @import './dropdown';
 @import './popover';
+@import './tooltip';
 @import './item';
 @import './stats';
 @import './icon';

website/client/assets/scss/popover.scss

@@ -1,14 +1,18 @@
 .popover {
   border-radius: 4px;
-  background-color: rgba(52, 49, 58, 0.96);
+  background-color: rgba($gray-10, 0.96);
   box-shadow: 0 2px 2px 0 rgba($black, 0.16), 0 1px 4px 0 rgba($black, 0.12);
 
-  &::after, &::before {
+  &::after, &::before, .arrow {
+    display: none;
+  }
+
+  .popover-header {
     display: none;
   }
 }
 
-.popover-content {
+.popover-body {
   padding: 12px 16px;
   text-align: center;
   color: $gray-500;

website/client/assets/scss/tooltip.scss

@@ -0,0 +1,15 @@
+.tooltip {
+  .arrow {
+    display: none;
+  }
+
+  .tooltip-inner {
+    font-size: 12px;
+    line-height: 1.33;
+    color: $white;
+    padding: 10px 16px;
+    border-radius: 0px;
+    background-color: rgba($gray-10, 0.96);
+    box-shadow: 0 2px 2px 0 rgba($black, 0.16), 0 1px 4px 0 rgba($black, 0.12);
+  }
+}

website/client/components/achievements/chooseClass.vue

@@ -35,13 +35,13 @@
         .modal-actions.text-center
           button.btn.btn-primary.d-inline-block(v-if='!selectedClass', :disabled='true') {{ $t('select') }}
           button.btn.btn-primary.d-inline-block(v-else, @click='clickSelectClass(selectedClass); close();') {{ $t('selectClass', {heroClass: $t(selectedClass)}) }}
-          b-popover(
+          #classOptOutBtn.danger(@click='clickDisableClasses(); close();') {{ $t('optOutOfClasses') }}
-            :triggers="['hover']",
+          b-popover.d-inline-block(
-            :placement="'top'",
+            target="classOptOutBtn",
-          ).d-inline-block
+            triggers="hover",
-            span(slot="content")
+            placement="top",
-              div.popover-content-text {{ $t('optOutOfClassesText') }}
+          )
-            .danger(@click='clickDisableClasses(); close();') {{ $t('optOutOfClasses') }}
+            .popover-content-text {{ $t('optOutOfClassesText') }}
 </template>
 
 <style lang="scss" scoped>

website/client/components/groups/group.vue

@@ -133,8 +133,12 @@
         .col-10.information-header
           h3(v-once)
             | {{ $t('challenges') }}
-          b-tooltip.icon.tooltip-wrapper(:content="isParty ? $t('challengeDetails') : $t('privateDescription')")
+          #groupPrivateDescOrChallengeInfo.icon.tooltip-wrapper(:title="isParty ? $t('challengeDetails') : $t('privateDescription')")
             .svg-icon(v-html='icons.information')
+          b-tooltip(
+            :title="isParty ? $t('challengeDetails') : $t('privateDescription')",
+            target="groupPrivateDescOrChallengeInfo",
+          )
         .col-2
           .toggle-up(@click="sections.challenges = !sections.challenges", v-if="sections.challenges")
             .svg-icon(v-html="icons.upIcon")

website/client/components/groups/groupFormModal.vue

@@ -19,8 +19,12 @@
           input.custom-control-input(type="checkbox", v-model="workingGroup.onlyLeaderCreatesChallenges")
           span.custom-control-indicator
           span.custom-control-description(v-once) {{ $t('onlyLeaderCreatesChallenges') }}
-          b-tooltip.icon(:content="$t('privateDescription')")
+          #groupPrivateDescription1.icon(:title="$t('privateDescription')")
             .svg-icon(v-html='icons.information')
+          b-tooltip(
+            :title="$t('privateDescription')",
+            target="groupPrivateDescription1",
+          )
 
         // br
         // @TODO Implement in V2 label.custom-control.custom-checkbox
@@ -35,8 +39,12 @@
           input.custom-control-input(type="checkbox", v-model="workingGroup.privateGuild")
           span.custom-control-indicator
           span.custom-control-description(v-once) {{ $t('privateGuild') }}
-          b-tooltip.icon(:content="$t('privateDescription')")
+          #groupPrivateDescription2.icon(:title="$t('privateDescription')")
             .svg-icon(v-html='icons.information')
+          b-tooltip(
+            :title="$t('privateDescription')",
+            target="groupPrivateDescription2",
+          )
 
         // br
         // @TODO: Implement in v2 label.custom-control.custom-checkbox(v-if='!creatingParty')

website/client/components/inventory/equipment/index.vue

@@ -53,19 +53,18 @@
                 :class="{'drawer-tab-text-active': costume === true}",
               ) {{ $t('costume') }}
 
-            b-popover(
+            toggle-switch#costumePrefToggleSwitch.float-right(
-              :triggers="['hover']",
+              :label="$t(costume ? 'useCostume' : 'autoEquipBattleGear')",
-              :placement="'top'"
+              :checked="user.preferences[drawerPreference]",
+              @change="changeDrawerPreference",
             )
-              span(slot="content")
-                .popover-content-text {{ $t(drawerPreference+'PopoverText') }}
-
-              toggle-switch.float-right(
-                :label="$t(costume ? 'useCostume' : 'autoEquipBattleGear')",
-                :checked="user.preferences[drawerPreference]",
-                @change="changeDrawerPreference",
-              )
 
+            b-popover(
+              target="costumePrefToggleSwitch"
+              triggers="hover",
+              placement="top"
+            )
+              .popover-content-text {{ $t(drawerPreference+'PopoverText') }}
       .items.items-one-line(slot="drawer-slider")
         item(
           v-for="(label, group) in gearTypesToStrings",

website/client/components/inventory/item.vue

@@ -4,32 +4,26 @@ div(v-if="emptyItem")
     .item.item-empty
       .item-content
     span.item-label(v-if="label") {{ label }}
-b-popover(
+div(v-else)
-  v-else-if="showPopover",
+  .item-wrapper(@click="click", :id="itemId")
-  :triggers="['hover']",
-  :placement="popoverPosition",
-)
-  span(slot="content")
-    slot(name="popoverContent", :item="item")
-
-  .item-wrapper(@click="click")
     .item(:class="{'item-active': active, 'highlight-border':highlightBorder }")
       slot(name="itemBadge", :item="item")
       span.item-content(
         :class="itemContentClass"
       )
     span.item-label(v-if="label") {{ label }}
-.item-wrapper(@click="click", v-else)
+  b-popover(
-  .item(:class="{'item-active': active, 'highlight-border':highlightBorder }")
+    v-if="showPopover"
-    slot(name="itemBadge", :item="item")
+    :target="itemId",
-    span.item-content(
+    triggers="hover",
-      :class="itemContentClass"
+    :placement="popoverPosition",
-    )
+  )
-  span.item-label(v-if="label") {{ label }}
+    slot(name="popoverContent", :item="item")
 </template>
 
 <script>
 import bPopover from 'bootstrap-vue/lib/components/popover';
+import uuid from 'uuid';
 
 export default {
   components: {
@@ -64,6 +58,11 @@ export default {
       type: Boolean,
     },
   },
+  data () {
+    return Object.freeze({
+      itemId: uuid.v4(),
+    });
+  },
   methods: {
     click () {
       this.$emit('click', this.item);

website/client/components/inventory/stable/foodItem.vue

@@ -1,13 +1,6 @@
 <template lang="pug">
-b-popover(
+div
-  :triggers="['hover']",
+  .item-wrapper(@click="click($event)", :id="itemId")
-  :placement="'top'",
-)
-  span(slot="content")
-    h4.popover-content-title {{ item.text() }}
-    div.popover-content-text(v-html="item.notes()")
-
-  .item-wrapper(@click="click($event)")
     .item(:class="{'item-active': active }")
       countBadge(
         :show="true",
@@ -19,6 +12,13 @@ b-popover(
         @itemDragEnd="dragend($event)",
         @itemDragStart="dragstart($event)"
       )
+  b-popover(
+    :target="itemId",
+    triggers="hover",
+    placement="top",
+  )
+    h4.popover-content-title {{ item.text() }}
+    div.popover-content-text(v-html="item.notes()")
 </template>
 
 <script>
@@ -27,6 +27,8 @@ import DragDropDirective from 'client/directives/dragdrop.directive';
 
 import CountBadge from 'client/components/ui/countBadge';
 
+import uuid from 'uuid';
+
 export default {
   components: {
     bPopover,
@@ -49,6 +51,11 @@ export default {
       type: Boolean,
     },
   },
+  data () {
+    return Object.freeze({
+      itemId: uuid.v4(),
+    });
+  },
   methods: {
     dragend ($event) {
       this.$emit('itemDragEnd', $event);

website/client/components/inventory/stable/index.vue

@@ -2,15 +2,14 @@
   .row.stable(v-mousePosition="30", @mouseMoved="mouseMoved($event)")
     .standard-sidebar
       div
+        #npmMattStable.npc_matt
         b-popover(
-          :triggers="['hover']",
+          triggers="hover",
-          :placement="'right'"
+          placement="right",
+          target="npmMattStable"
         )
-          span(slot="content")
+          h4.popover-content-title(v-once) {{ $t('mattBoch') }}
-            h4.popover-content-title(v-once) {{ $t('mattBoch') }}
+          .popover-content-text(v-once) {{ $t('mattBochText1') }}
-            .popover-content-text(v-once) {{ $t('mattBochText1') }}
-
-          div.npc_matt
 
       .form-group
         input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
@@ -179,18 +178,14 @@
                   :class="{ 'drawer-tab-text-active': selectedDrawerTab === 1 }",
                 )  {{ drawerTabs[1].label }}
 
+              #petLikeToEatStable.drawer-help-text(v-once)
+                | {{ $t('petLikeToEat') + ' ' }}
+                span.svg-icon.inline.icon-16(v-html="icons.information")
               b-popover(
-                :triggers="['click']",
+                target="petLikeToEatStable"
-                :placement="'top'"
+                placement="top"
               )
-                span(slot="content")
+                .popover-content-text(v-html="$t('petLikeToEatText')", v-once)
-                  .popover-content-text(v-html="$t('petLikeToEatText')", v-once)
-
-                div.float-right(v-once)
-                  | {{ $t('petLikeToEat') + ' ' }}
-                  span.svg-icon.inline.icon-16(v-html="icons.information")
-
-
         drawer-slider(
           :items="drawerTabs[selectedDrawerTab].items",
           :scrollButtonsVisible="hasDrawerTabItems(selectedDrawerTab)",
@@ -486,6 +481,14 @@
       }
     }
   }
+
+  #petLikeToEatStable { 
+    cursor: pointer;
+
+    .svg-icon {
+      margin-left: 8px;
+    }
+  }
 </style>
 
 <script>

website/client/components/inventory/stable/mountItem.vue

@@ -1,21 +1,23 @@
 <template lang="pug">
-b-popover(
+div
-  :triggers="[showPopover?'hover':'']",
+  .item-wrapper(:id="itemId")
-  :placement="popoverPosition",
-)
-  span(slot="content")
-    slot(name="popoverContent", :item="item")
-
-  .item-wrapper
     .item(
       :class="{'item-empty': emptyItem}",
     )
       slot(name="itemBadge", :item="item")
       span.item-content(:class="itemContentClass")
+  b-popover(
+    :target="itemId",
+    v-if="showPopover",
+    triggers="hover",
+    :placement="popoverPosition",
+  )
+    slot(name="popoverContent", :item="item")
 </template>
 
 <script>
   import bPopover from 'bootstrap-vue/lib/components/popover';
+  import uuid from 'uuid';
 
   export default {
     components: {
@@ -41,5 +43,10 @@ b-popover(
         default: true,
       },
     },
+    data () {
+      return Object.freeze({
+        itemId: uuid.v4(),
+      });
+    },
   };
 </script>

website/client/components/inventory/stable/petItem.vue

@@ -1,12 +1,6 @@
 <template lang="pug">
-b-popover(
+div
-  :triggers="[showPopover?'hover':'']",
+  .item-wrapper(@click="click()", :id="itemId")
-  :placement="popoverPosition",
-)
-  span(slot="content")
-    slot(name="popoverContent", :item="item")
-
-  .item-wrapper(@click="click()")
     .item(
       :class="{'item-empty': emptyItem, 'highlight': highlightBorder}",
     )
@@ -15,6 +9,14 @@ b-popover(
       span.pet-progress-background(v-if="item.isAllowedToFeed() && progress > 0")
         div.pet-progress-bar(v-bind:style="{width: 100 * progress/50 + '%' }")
     span.item-label(v-if="label") {{ label }}
+
+  b-popover(
+    v-if="showPopover",
+    :target="itemId",
+    triggers="hover",
+    :placement="popoverPosition",
+  )
+    slot(name="popoverContent", :item="item")
 </template>
 
 <style lang="scss">
@@ -35,6 +37,7 @@ b-popover(
 
 <script>
   import bPopover from 'bootstrap-vue/lib/components/popover';
+  import uuid from 'uuid';
 
   export default {
     components: {
@@ -71,6 +74,11 @@ b-popover(
         default: true,
       },
     },
+    data () {
+      return Object.freeze({
+        itemId: uuid.v4(),
+      });
+    },
     methods: {
       click () {
         this.$emit('click', {});

website/client/components/shops/market/index.vue

@@ -177,16 +177,14 @@
             @changedPosition="tabSelected($event)"
           )
             div(slot="right-item")
+              #petLikeToEatMarket.drawer-help-text(v-once)
+                | {{ $t('petLikeToEat') + ' ' }}
+                span.svg-icon.inline.icon-16(v-html="icons.information")
               b-popover(
-                :triggers="['click']",
+                target="petLikeToEatMarket",
                 :placement="'top'",
               )
-                span(slot="content")
+                .popover-content-text(v-html="$t('petLikeToEatText')", v-once)
-                  .popover-content-text(v-html="$t('petLikeToEatText')", v-once)
-
-                div.hand-cursor(v-once)
-                  | {{ $t('petLikeToEat') + ' ' }}
-                  span.svg-icon.inline.icon-16(v-html="icons.information")
 
         drawer-slider(
           :items="ownedItems(selectedDrawerItemType) || []",
@@ -272,11 +270,6 @@
     height: 48px;
   }
 
-  .hand-cursor {
-    cursor: pointer;
-  }
-
-
   .featured-label {
     margin: 24px auto;
   }

website/client/components/shops/shopItem.vue

@@ -1,19 +1,6 @@
 <template lang="pug">
-b-popover(
+div
-  :triggers="[showPopover?'hover':'']",
+  .item-wrapper(@click="click()", :id="itemId")
-  :placement="popoverPosition",
-)
-  span(slot="content")
-    slot(name="popoverContent", :item="item")
-      equipmentAttributesPopover(
-        v-if="item.purchaseType==='gear'",
-        :item="item"
-      )
-      div(v-else)
-        h4.popover-content-title(v-once) {{ item.text }}
-        .popover-content-text(v-if="showNotes", v-once) {{ item.notes }}
-
-  .item-wrapper(@click="click()")
     .item(
       :class="{'item-empty': emptyItem, 'highlight-border': highlightBorder}",
     )
@@ -29,6 +16,20 @@ b-popover(
           span.svg-icon.inline.icon-16(v-html="icons[currencyClass]")
 
           span.price-label(:class="currencyClass", v-once) {{ getPrice() }}
+  b-popover(
+    :target="itemId",
+    v-if="showPopover",
+    triggers="hover",
+    :placement="popoverPosition",
+  )
+    slot(name="popoverContent", :item="item")
+      equipmentAttributesPopover(
+        v-if="item.purchaseType==='gear'",
+        :item="item"
+      )
+      div(v-else)
+        h4.popover-content-title(v-once) {{ item.text }}
+        .popover-content-text(v-if="showNotes", v-once) {{ item.notes }}
 
 </template>
 
@@ -105,6 +106,7 @@ b-popover(
 
 <script>
   import bPopover from 'bootstrap-vue/lib/components/popover';
+  import uuid from 'uuid';
 
   import svgGem from 'assets/svg/gem.svg';
   import svgGold from 'assets/svg/gold.svg';
@@ -119,14 +121,15 @@ b-popover(
       EquipmentAttributesPopover,
     },
     data () {
-      return {
+      return Object.freeze({
-        icons: Object.freeze({
+        itemId: uuid.v4(),
+        icons: {
           gems: svgGem,
           gold: svgGold,
           lock: svgLock,
           hourglasses: svgHourglasses,
-        }),
+        },
-      };
+      });
     },
     props: {
       item: {

website/client/components/tasks/task.vue

@@ -39,16 +39,17 @@ div
             .d-flex.align-items-center(v-if="task.challenge && task.challenge.id")
               .svg-icon.challenge(v-html="icons.challenge", v-if='!task.challenge.broken')
               .svg-icon.challenge.broken(v-html="icons.challenge", v-if='task.challenge.broken', @click='handleBrokenTask(task)')
+            .d-flex.align-items-center(v-if="hasTags", :id="`tags-icon-${task._id}`")
+              .svg-icon.tags(v-html="icons.tags")
             b-popover.tags-popover.no-span-margin(
-              :triggers="['hover']",
+              v-if="hasTags",
-              :placement="'bottom'",
+              :target="`tags-icon-${task._id}`",
-              :popover-style="{'max-width': '1000px'}",
+              triggers="hover",
+              placement="bottom",
             )
-              .d-flex.align-items-center(slot="content")
+              .d-flex.align-items-center
                 .tags-popover-title(v-once) {{ `${$t('tags')}:` }}
                 .tag-label(v-for="tag in getTagsFor(task)") {{tag}}
-              .d-flex.align-items-center(v-if="task.tags && task.tags.length > 0")
-                .svg-icon.tags(v-html="icons.tags")
 
       // Habits right side control
       .right-control.d-flex.align-items-center.justify-content-center(v-if="task.type === 'habit'", :class="controlClass.down")
@@ -381,6 +382,9 @@ export default {
       const dueIn = moment().to(this.task.date);
       return this.$t('dueIn', {dueIn});
     },
+    hasTags () {
+      return this.task.tags && this.task.tags.length > 0;
+    },
   },
   methods: {
     ...mapActions({scoreChecklistItem: 'tasks:scoreChecklistItem'}),

website/client/components/ui/drawer.vue

@@ -91,6 +91,15 @@
     }
   }
 
+  .drawer-help-text {
+    cursor: pointer;
+    float: right;
+
+    .svg-icon {
+      margin-left: 8px;
+    }
+  }
+
   .drawer-slider {
     padding: 12px 0 0 8px;
     overflow-x: auto;