Fix various layout issues and add error tooltip

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 0% with 60 lines in your changes missing coverage. Please review.

Project coverage is 31%. Comparing base (af798f5) to head (dc1dd30). Report is 2 commits behind head on master.

Files with missing lines	Patch %	Lines
src/views/modal_handler.rs	0%	21 Missing :warning:
src/views/message_row.rs	0%	20 Missing :warning:
src/hardware_subscription.rs	0%	14 Missing :warning:
src/piggui.rs	0%	4 Missing :warning:
src/views/hardware_view.rs	0%	1 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #584 +/- ## ===================================== + Coverage 30% 31% +1% ===================================== Files 37 37 Lines 4846 4807 -39 ===================================== Hits 1450 1450 + Misses 3396 3357 -39 ``` | [Flag](https://app.codecov.io/gh/andrewdavidmackenzie/pigg/pull/584/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Mackenzie) | Coverage Δ | | |---|---|---| | [unittests](https://app.codecov.io/gh/andrewdavidmackenzie/pigg/pull/584/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Mackenzie) | `31% <0%> (+1%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Mackenzie#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.