overflow issue on (?) help icon and long powertag names

[jywarren]

There's an overflow/overlap issue on the (?) help icon and long powertag names:

I'm not sure what to do about this visually! Can we force a wrap?

Originally posted by @jywarren in #9987 (comment)

[jywarren]

Yes, we should be able to. We can test this in the Chrome dev console too:

    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */

https://stackoverflow.com/questions/18891755/force-word-wrap-through-css

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

Test this out on this page!:

https://publiclab.org/notes/bhamster/08-06-2021/building-a-coqui-water-conductivity-sensor-and-analyzing-its-sound

[StephNathai]

Hi, can I fix this?

[jywarren]

We'd love your help, yes! Do you think you could try opening a pull request? We're happy to help, here, in the weekly check-in at #10126, or in the chatroom at https://gitter.im/publiclab/publiclab ! 🎉

[StephNathai]

@jywarren Yep I'll open one. Lemme figure out the best fix and then it just needs a quick review from my employer and I'll push up the PR here.

[jywarren]

awesome!

…

On Thu, Sep 2, 2021 at 5:37 PM Steph Nathai ***@***.***> wrote: @jywarren <https://github.com/jywarren> Yep I'll open one. Lemme figure out the best fix and then it just needs a quick review from my employer and I'll push up the PR here. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#10124 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAF6J5BXO73KBXT5IXL5ZLT77VBXANCNFSM5DESDTFA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[StephNathai]

@jywarren PR is up and ready for your review. Pease let me know if anything needs to be changed, thanks!