Repository: syncthing/syncthing (language: go)

Issue:
WebUI tooltip inconsistencies
I've noticed some (possible) inconsistencies in the WebUI when hovering over items in the "folder list".

I've used red text to annotate what I think are inconsistencies:

- The "Error" field does not  show a tooltip to display overflowing text.
- The "Shared With" field does not use the webui's black tooltip that displays immediately upon mouseover, instead uses the browser (html?) tooltip that needs a small timeout before appearing. I couldn't capture it because it disappears when a key is pressed (e.g. printscreen)
- The "folders" section in the "device list" also uses the same html tooltip instead of the webui black one.

![image](https://user-images.githubusercontent.com/16083086/116078694-82eadf00-a6c9-11eb-8370-a4ec12790526.png)


as a sidenote, I've noticed that on touchscreen devices (Android), the hover-to-show tooltip becomes tap-to-show/tap-to-hide. Therefore because one cannot hover with a touchscreen, the "Shared With"/"Folders" html tooltip simply does not show up at all.


Discussion / hints:

Fix patch:
diff --git a/gui/default/index.html b/gui/default/index.html
index 3a463ac6ad4..08266f50e96 100644
--- a/gui/default/index.html
+++ b/gui/default/index.html
@@ -402,7 +402,9 @@ <h4 class="panel-title">
                       </tr>
                       <tr ng-if="!folder.paused && (model[folder.id].invalid || model[folder.id].error)">
                         <th><span class="fas fa-fw fa-exclamation-triangle"></span>&nbsp;<span translate>Error</span></th>
-                        <td class="text-right">{{model[folder.id].invalid || model[folder.id].error}}</td>
+                        <td class="text-right">
+                          <span tooltip data-original-title="{{model[folder.id].invalid || model[folder.id].error}}">{{model[folder.id].invalid || model[folder.id].error}}</span>
+                        </td>
                       </tr>
                       <tr ng-if="!folder.paused">
                         <th><span class="fas fa-fw fa-globe"></span>&nbsp;<span translate>Global State</span></th>


Test patch: