chrome://snippets-internals page for debugging NTP snippets.

chrome/browser/resources/snippets_internals.css

Index: chrome/browser/resources/snippets_internals.css
diff --git a/chrome/browser/resources/popular_sites_internals.css b/chrome/browser/resources/snippets_internals.css
similarity index 52%
copy from chrome/browser/resources/popular_sites_internals.css
copy to chrome/browser/resources/snippets_internals.css
index ee4c1d4225ea90f730622e667af7c503bb5e31b8..0a7f8f4adbe55e3a7bf1334c6ad0a08c07383781 100644
--- a/chrome/browser/resources/popular_sites_internals.css
+++ b/chrome/browser/resources/snippets_internals.css
@@ -13,11 +13,8 @@ html {
 #info h2 {
   color: rgb(74, 142, 230);
   font-size: 100%;
-  margin-bottom: 0;
-}
-
-#info .err {
-  color: red;
+  margin-bottom: 0.3em;
+  margin-top: 1em;
 }
 
 #info .section {
@@ -26,10 +23,6 @@ html {
   margin-right: auto;
 }
 
-#info .section.hidden {
-  display: none;
-}
-
 .section-details {
   width: 100%;
 }
@@ -39,10 +32,47 @@ html {
   width: 50%;
 }
 
-.section-details tr:nth-child(odd) {
+td.title-link {
+  padding-bottom: 0.5em;
+  padding-top: 0.5em;
+}
+
+.expiry {
+  color: gray;
+  font-size: 80%;
+}
+
+.date {
+  white-space: nowrap;
+}
+
+.url {

[Bernhard Bauer, 2016/04/14 16:50:24]

All of your anchors have this class. Why not just apply this style to all `a`
directly?

[jkrcal, 2016/04/15 14:11:50]

At this moment, I do not have any other links. In some previous iterations, I
had some. There might be some in the future.

To me, this is quite a non-standard style for an `a`. The url class adds
semantics to the code. 

Therefore, I'd prefer to keep this style.
I am willing to change it if you insist.

+  display: inline-block;
+  font-size: 80%;
+  word-break: break-all;
+}
+
+.snippet-detail {
+  font-size: 90%;
+}
+
+.snippet-hidden {
+  display: none;
+}
+
+table.section-details > tbody > tr:nth-child(odd) {
   background: rgb(239, 243, 255);
 }
 
-#json-value {
-  font-size: 75%;
+.detail {
+  color: gray;
+  font-weight: normal;
 }
+
+.forms {
+  margin-top: 0.3em;
+}
+
+input#submit-clear {

[Bernhard Bauer, 2016/04/14 16:50:24]

#submit-clear an ID, which is supposed to be unique, so you shouldn't need the
additional input selector.

[jkrcal, 2016/04/15 14:11:50]

Done.

+  margin-bottom: 0.5em;
+}