Changing Icons and Updating Table

Author: alexcapstick

assets/feedback.svg

@@ -29,6 +29,7 @@
   --github-icon-path: url("../assets/github-mark.svg");
   --colab-icon-path: url("../assets/colab-icon.svg");
   --some-text-background-color: #eef1f5;
+  --invert: 0%;
 }
 
 [data-theme="dark"] {
@@ -51,6 +52,7 @@
   --text-font-size: 21px;
   --github-icon-path: url("../assets/github-mark-white.svg");
   --some-text-background-color: #0d1117;
+  --invert: 100%;
 }
 
 

assets/notebook.svg

@@ -217,25 +217,43 @@ tr:nth-child(odd) {
 	padding: 0em;
 }
 
-.table-files-link {
-	font-size: 24px;
+.colab-icon-container {
+	word-wrap: nowrap;
 	display: inline-block;
+}
+
+.colab-icon {
+	content: var(--colab-icon-path);
+	height: 1.5em;
+	width: 1.5em;
+	display: inline-block;
+	align-items: center;
 	vertical-align: middle;
 }
 
 
-.colab-icon-container {
+.files-icon-container {
 	word-wrap: nowrap;
 	display: inline-block;
 }
 
-.colab-icon {
-	content: var(--colab-icon-path);
+.files-icon {
 	height: 1.5em;
 	width: 1.5em;
 	display: inline-block;
 	align-items: center;
 	vertical-align: middle;
+	filter: invert(var(--invert));
+}
+
+.table-key {
+	word-wrap: no-wrap;
+	display: inline-block;
+}
+
+.no-wrap-chunk {
+	word-wrap: no-wrap;
+	display: inline-block;
 }
 
 caption {
@@ -492,7 +510,12 @@ footer {
 	td,
 	th,
 	tr {
-		font-size: 10px;
+		font-size: 8px;
+	}
+
+
+	.table-files-link {
+		font-size: 8px;
 	}
 
 
@@ -507,11 +530,11 @@ footer {
 	td,
 	th,
 	tr {
-		font-size: 9px;
+		font-size: 8px;
 	}
 
 	.table-files-link {
-		font-size: 12px;
+		font-size: 8px;
 	}