Fix scroll && add clear all button

Chrome-crx/src.pem

@@ -1,28 +1,28 @@
 -----BEGIN PRIVATE KEY-----
-MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCwm5V31wJly2Sb
-D+DUMHaBo9N9/KBxDdbqMGSkW36u8N83cX00zhEJ73ZV7347YcXGUu7V+oL+BcjF
-BzIi6EczAv0v+u2cDdSopxm0oXT+u4LiRI3av8aCUOLC3WhTI2dqFNRZTOXjX67F
-W99gHGdKG/jtiKNyJYwdq+crclZBTTuj7X+iWvxLQ0uLAoaCWR5fiGuRNqNC7zzf
-UjDe/xC/rWhcmscDztxG0J8Db5sH57RnLEw+0rIFBgmHgLiVDwrmB1x4rUhHvuXZ
-wKXE3xWr5rYPQBnt47zfQe09nMj5l5wdoQLuCG5JweSabCabujM/Ml5cuX43KCWy
-xYr1SjMLAgMBAAECggEAScnXm2iUMd/XOwpZT46oFOZUGRGSH2o+3z407o7j0UgG
-m22peISYjeQlNyaHQVxKe+ButayjSms0RU4KXpdaGDAphQB8gnUs4wJeNSA4d630
-s4EdG8aAtDYDaJOFYScrsCDf0CfW7TcvGHqYS9nSNh6V1PkAAVM6xbLrNTXiYAmo
-3wEk1qg6YD/lLgFrI1hsE2fbhKiN59DncsKZI55u01khZcMZHosyfB0sPBdbIq/S
-La/bLOa9oxYk8pFjp3BnVtDnlD7I3NdAl43ub2OBm1zeutLJU99KQ4bDTUPu2UXa
-6JJvYnLqZDRx3/W10Az4B9N+G2sT2OFlbxyZst47wQKBgQDhz1iI5HdwwPJX9yEi
-WYERvGiFtfZx7EqwrpkErZR9ofGhd3hP0ohKpoB9Chu3v5MjF1apeyAZEt60csid
-bCH4xS4g6QppGgR9NwHszm3QzhFFxyVfwkaKReWygCqdp2eg8E55RMOi+8kmGcRQ
-GWfBRy3PIgNscMrJRcZBDzCUWwKBgQDIODnBIqA9ZSjxNDHu7po84Xc6wtlAr7bl
-y9hOck3GY6W0sXKUfwoWrACy1mJZU0KNjt3WGmvzJg//FIw4BcD5AUPA+3KoK+A9
-rYw8pKzCECDGDd0FY0+USmftSnoAtvvnhWEfdvLP/MZ7aKtfwfbSe4wC7TbCQDq1
-vkwwCzxbEQKBgQDJMe7nofEOJMyJNidurKMEw4O5x2R7Ixd1j0vF0EdjHRznSkSH
-ksVfBjWrs4r40JfwB0ZvIcZ6sMZ/r1oycXtfZYjxR9K/zK+9RXrQnSlZh5H6QzN4
-u+gQIbFEt0/BQrxhuFujT3Kk0ITsDr9MwyYgHySgzuSQBXuZlDLOGxOkywKBgGgZ
-69WChmRFo6r943SCtMkwxYhU5RagBe2nNjlbbxrWlsLDfHq/LuSo29ggZZRiGPl3
-LdpzdGtBABI1gc5jF3mgcbT2SCAuZ/JJuN+TE4v3TMMNVDzH7QmCQlT7Y0HZ4lH3
-ZI8yjn8bw6tIucoZFJdNy3d+FPmc4am7Xuuf++qxAoGADeF6srglS7PqDRLgtJlN
-MvV/wY2c0ZpH0znyrXTbkH38o1VB2eQea03NLqHbKh7g1xcuBSWhJByS6ikT6pNN
-+W4MHLkkl3nUznHMd0kWIWBdLX7vEooz6ypSqZqKpJOiRWzYXV6SFvuBl6bo0RjD
-midn+TFbERo+u6bYnvP4P2A=
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCw5kwz7LKNjfUC
+7ccyQFJX8i7WbkbQUW4kEba/Eow9Xm6av90fHPu9msVmt42bl1qHaGt7QFokEy+m
+IkqOW+0CQruO0p8V8LvbTVMezYZBGVwPuRgtc1cgpsFlr3HugyIE4BeJ8LHumoiP
+FzLtFkc7htzD//wlif//hWDB9RCipgiPHxeLrU/WcXCbsVYmjGwJYRqvQRWugL8Q
+hDpm7yUZpSon726Sryj5f5d+mfPolqy3bNvEDuWT0tQ8LLIuQhQLspDteD7RxJIB
+IW7fHbWzZPvhUQ13B3JIN3N7vdee7mN1lHnzRdFLU/WRqGX5gaRj5rjGka/6cM3Y
+0mvf+QwjAgMBAAECggEAUQED//rxQDSy7yZmwrIFgtQZcoOI1beUEdwyrIgXw7pM
+N3yICslA1W/b2M9QfuDtyXedUBEFteM7PH4TWeDqRNC+BgaYZnmX7DIaT86ZHZI5
+P9HoKlfYm9EAWkneh/NwTn83CCk5sSL+SVe8MCi1caKt0OqVUbNBkIZI6kgH2BIg
+GQ8a6mqnT1qLpx+EsK8n6/jMg1PsE45L15aXl3Lt1TCALrEDxBruguVCR40o43Y0
+BlfEz1jcgsKRzSHTrM5xnZUPyfRZIrePb0MHBh4Z9MbCI5vZ2RXVFMJ71i9JvsBb
+nn0QwdlsMQEzinQ+6C9jKkLZLPberiLTDEdj51E2kQKBgQDkCEGG9B9pCT0iNg+v
+Jn0I2+9DDaGSPBZUzcbdkubxg5QuHP2M+7ynpq4gf85/6VidfeKTEfLNW53ydarc
+a09b/zue40gp9dFDFqYVnR0mGsPLsuAiqe6/uMcrm3g2jCWG5RF0MZ4S9TfxgQ3w
+SnSF6KtFrqtHtdT2aUlyoOmX7QKBgQDGmJTioBJHsNmnFTItcGQSrJgSY2Xi9XDa
+Kiav4Xi96mVbP/orP9hUD+yQkBLiOQTF6LlcyLfljTqx56SMFjjEiX+voTo9kxx1
+QxNXra52ffUNW1h9kZuJZ3frQ2u6GfvEtL5VN/0ZZ3uR3JG2fqnunHvkyhFEe4hD
+M1K32HaSTwKBgQCxgr/H13gwIvIFFMKG3VZONC+AKjdRiBb2My4QxE+lSIFsmELE
+oh7M/5LjV7qflj3Wc+2SAVHajOxal0DHz316pyh5WoKNr38UU6g8gQ7037b1dizG
+rzRc6PGav68H/3cjGGTK5+ke5ueCx6zbFoq4x1O0rfFFpIXAwFtdsWfGTQKBgDpo
+p+lbYOT665jLkB1zH8uqPXOzDkVJIK7ZlNVHwCZDKRpEX8SWm35lzJLb/OHSGUhH
+4TSbyBJYjjnCwk99Pab4Nbim96Uifk0ytB6mc1hgRVFvW0BbMd6gstFb2/Q5LiY1
+boFL3UG6gMpuj+CXskz+cyXgFGIK3xG8p4hwvrbbAoGAHsXOkva8dVpnUVbIRnmp
+rWNbaJVpFhxYoCryiWqmHt7X96UxLyztV8H7L2wvrrKbz84KY996P8xDbuNHoiqv
+8hPbv7VwXsA6wFy6XMwm6wRZ1+PN3JWAM6HlKA1Pjac1CfStRF9o+o7wUr4U+DS9
+BY4HIKg4NArTx2wmwX0YE3I=
 -----END PRIVATE KEY-----

Chrome-crx/src/app.js

@@ -76,4 +76,7 @@ $(function(){
             $('.list .box[data-pid!='+pid+']').hide();
         }
     });
+    $('.clearList').click(function(){
+        $('.list').empty();
+    });
 });

Chrome-crx/src/background.js

@@ -1,9 +1,9 @@
 chrome.app.runtime.onLaunched.addListener(function() {
     chrome.app.window.create('index.html', {
         'bounds': {
-            'width': 400,
+            'width': 430,
             'height': 800
         },
-        'minWidth': 400
+        'minWidth': 430
     });
 });

Chrome-crx/src/css.less

@@ -5,7 +5,8 @@
     box-sizing:border-box;
     // background: #ffffff;
 }
-html,body{width:100%;height:100%;min-width:400px;}
+html{overflow-y:scroll;}
+html,body{width:100%;min-width:400px;}
 body{padding-top:87px}
 a {
     text-decoration: none;
@@ -96,4 +97,11 @@ li {
         .info{background:darken(#ca004a,2%)}
         span.level{background:darken(#ca004a,10%)}
     }
-}
+}
+
+.clearList{
+    display:none;width:40px;height:40px;background:#af0000;opacity:0.6;font-size:24px;line-height:43px;text-align:center;position:fixed;right:20px;bottom: 20px;color:#fff;border-radius:100px;cursor:pointer;
+    &:hover{opacity:0.9}
+}
+
+html:hover{.clearList{display:block}}

Chrome-crx/src/index.html

@@ -24,6 +24,7 @@
         </div>
     </div>
     <div class="list"></div>
+    <span class="clearList">※</span>
 <script src="app.js" type="text/javascript"></script>
 </body>
 </html>