From ba6aff4a1b34df8dd670ea3f353fb353d902ba24 Mon Sep 17 00:00:00 2001
From: Ben Schulz <uok@users.noreply.github.com>
Date: Sun, 13 Nov 2016 13:56:07 +0000
Subject: [PATCH] gui: Use icons and tooltips for folder size info (fixes
 #3710)

GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3731
---
 gui/default/index.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/gui/default/index.html b/gui/default/index.html
index 1929545c..f82fa2fb 100644
--- a/gui/default/index.html
+++ b/gui/default/index.html
@@ -311,18 +311,22 @@
                     <tr>
                       <th><span class="fa fa-fw fa-globe"></span>&nbsp;<span translate>Global State</span></th>
                       <td class="text-right">
-                        {{model[folder.id].globalFiles | alwaysNumber}} <span translate>files</span>,
-                        {{model[folder.id].globalDirectories | alwaysNumber}} <span translate>directories</span>,
-                        ~{{model[folder.id].globalBytes | binary}}B
+                        <span tooltip data-original-title="{{model[folder.id].globalFiles | alwaysNumber}} {{'files' | translate}}, {{model[folder.id].globalDirectories | alwaysNumber}} {{'directories' | translate}}, ~{{model[folder.id].globalBytes | binary}}B">
+                          <span class="fa fa-files-o"></span>&nbsp;{{model[folder.id].globalFiles | alwaysNumber}}&ensp;
+                          <span class="fa fa-folder-o"></span>&nbsp;{{model[folder.id].globalDirectories | alwaysNumber}}&ensp;
+                          <span class="fa fa-hdd-o"></span>&nbsp;~{{model[folder.id].globalBytes | binary}}B
+                        </span>
                       </td>
                     </tr>
                     <tr>
                       <th><span class="fa fa-fw fa-home"></span>&nbsp;<span translate>Local State</span></th>
                       <td class="text-right">
-                        {{model[folder.id].localFiles | alwaysNumber}} <span translate>files</span>,
-                        {{model[folder.id].localDirectories | alwaysNumber}} <span translate>directories</span>,
-                        ~{{model[folder.id].localBytes | binary}}B
-                        <span ng-if="model[folder.id].ignorePatterns"><br/><i><small translate class="text-muted">Reduced by ignore patterns</small></i></span>
+                        <span tooltip data-original-title="{{model[folder.id].localFiles | alwaysNumber}} {{'files' | translate}}, {{model[folder.id].localDirectories | alwaysNumber}} {{'directories' | translate}}, ~{{model[folder.id].localBytes | binary}}B">
+                          <span class="fa fa-files-o"></span>&nbsp;{{model[folder.id].localFiles | alwaysNumber}}&ensp;
+                          <span class="fa fa-folder-o"></span>&nbsp;{{model[folder.id].localDirectories | alwaysNumber}}&ensp;
+                          <span class="fa fa-hdd-o"></span>&nbsp;~{{model[folder.id].localBytes | binary}}B
+                          <span ng-if="model[folder.id].ignorePatterns"><br/><i><small translate class="text-muted">Reduced by ignore patterns</small></i></span>
+                        </span>
                       </td>
                     </tr>
                     <tr ng-if="neededItems(folder.id) > 0">