Ticket #4579: encryption_icon.patch

web/style/transmission/common.css

@@ -762 +762 @@
         text-overflow: ellipsis;
 }
 
-tr.inspector_peer_entry {
-
-}
-
-tr.inspector_peer_entry span.encrypted-peer-cell {
-        width: 16px;
-        height: 16px;
+tr.inspector_peer_entry div.encrypted-peer-cell {
+        width: 16px !important;
+        height: 16px !important;
         background: transparent url('images/lock_icon.png') no-repeat;
 }
+/* Empty div of the same size for unencrypted peers */
+tr.inspector_peer_entry div.unencrypted-peer-cell {
+        width: 16px !important;
+        height: 16px !important;
+}
 
 tr.inspector_peer_entry.odd {
         background-color: #EEEEEE;

web/javascript/inspector.js

@@ -310 +310 @@
             for (i=0; peer=peers[i]; ++i) {
                 parity = (i%2) ? 'odd' : 'even';
                 html.push('<tr class="inspector_peer_entry ', parity, '">',
-                       '<td>', (peer.isEncrypted ? '<span class="encrypted-peer-cell">'
-                                                 : '<span class="unencrypted-peer-cell">'), '</span>', '</td>',
+                       '<td>', (peer.isEncrypted ? '<div class="encrypted-peer-cell" title="Encrypted Connection">'
+                                                 : '<div class="unencrypted-peer-cell">'), '</div>', '</td>',
                        '<td>', (peer.rateToPeer ? fmt.speedBps(peer.rateToPeer) : ''), '</td>',
                        '<td>', (peer.rateToClient ? fmt.speedBps(peer.rateToClient) : ''), '</td>',
                        '<td class="percentCol">', Math.floor(peer.progress*100), '%', '</td>',