1 files changed, 17 insertions, 31 deletions

diff --git a/libmproxy/web/static/css/app.css b/libmproxy/web/static/css/app.css
index 27acd68a..dcc31d18 100644
--- a/libmproxy/web/static/css/app.css
+++ b/libmproxy/web/static/css/app.css
@@ -11,54 +11,34 @@ html {
   height: 32px;
 }
 .resource-icon-css {
-  background-image: url("../images/sprite.png");
-  background-position: 0px 0px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/chrome-devtools/resourceCSSIcon.png);
 }
 .resource-icon-document {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -32px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/chrome-devtools/resourceDocumentIcon.png);
 }
 .resource-icon-js {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -64px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/chrome-devtools/resourceJSIcon.png);
 }
 .resource-icon-plain {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -96px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/chrome-devtools/resourcePlainIcon.png);
 }
 .resource-icon-executable {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -128px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/resourceExecutableIcon.png);
 }
 .resource-icon-flash {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -160px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/resourceFlashIcon.png);
 }
 .resource-icon-image {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -192px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/resourceImageIcon.png);
 }
 .resource-icon-java {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -224px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/resourceJavaIcon.png);
 }
 .resource-icon-not-modified {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -256px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/resourceNotModifiedIcon.png);
 }
 .resource-icon-redirect {
-  background-image: url("../images/sprite.png");
-  background-position: 0px -288px;
-  background-size: 32px 320px!important;
+  background-image: url(../images/resourceRedirectIcon.png);
 }
 html,
 body,
@@ -128,12 +108,18 @@ header .menu {
 .flow-table thead {
   background-color: #dadada;
 }
+.flow-table tr {
+  cursor: pointer;
+}
 .flow-table td {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.flow-table .col-tls {
+.flow-table tr:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.flow-table  .col-tls {
   width: 10px;
 }
 .flow-table .col-tls-https {