[fsp] Show request logs in chrome://provided-file-systems.

chrome/browser/resources/chromeos/provided_file_systems.css

Index: chrome/browser/resources/chromeos/provided_file_systems.css
diff --git a/chrome/browser/resources/chromeos/provided_file_systems.css b/chrome/browser/resources/chromeos/provided_file_systems.css
index 7d94dfdc45b1972d9d49dc5a083d53e8c13bc946..b049d4a179d9dbdcd38992ff02193fbbbdfe5734 100644
--- a/chrome/browser/resources/chromeos/provided_file_systems.css
+++ b/chrome/browser/resources/chromeos/provided_file_systems.css
@@ -4,38 +4,66 @@
  */
 
 body {
+  background-color: rgba(0, 0, 0, 0.05);
   font-family: 'Verdana', 'Arial';
   font-size: 14px;
   margin: 20px;
 }
 
-h1 {
-  font-size: 20px;
-  font-weight: normal;
+#fileSystems,
+#requestEvents {
+  background-color: white;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+  margin-bottom: 20px;
 }
 
-table {
+#fileSystems table,
+#requestEvents table {
   border-collapse: collapse;
   width: 100%;
 }
 
-table th {
-  background-color: rgb(92, 107, 192);
-  color: white;
-  font-weight: normal;
-  height: 50px;
+#fileSystems th,
+#requestEvents th {
+  height: 30px;
 }
 
-table td {
-  border-bottom: 1px solid #eee;
+#fileSystems .message {
+  border-top: 1px solid #eee;
+}
+
+#fileSystems td {
+  border-top: 1px solid #eee;
   height: 40px;
   line-height: 24px;
   text-align: center;
 }
 
-table td .icon {
+#fileSystems td .icon {
   display: inline-block;
   height: 24px;
   vertical-align: middle;
   width: 24px;
 }
+
+#fileSystems tbody tr {
+  cursor: pointer;
+}
+
+#fileSystems tbody tr:active td {
+  background-color: #eee;
+}
+
+#requestEvents {
+  font-size: 12px;
+}
+
+#requestEvents td {
+  padding: 8px;
+  text-align: center;
+  vertical-align: top;
+}
+
+#requestEvents td {
+  border-top: 1px solid #eee;
+}