Fix some table UI fixes

rakeshAlgo · rakeshAlgo · commit 08d74ae37818 · 2020-06-05T21:06:13.000+05:30
diff --git a/src/css/doc.css b/src/css/doc.css
@@ -142,12 +142,16 @@
 .doc caption {
   font-size: 1rem;
   font-weight: var(--weight-semibold);
-  letter-spacing: -0.025em;
+  /* letter-spacing: -0.025em; */
   line-height: 1.2;
   margin-bottom: 0.75rem;
   color: var(--color-brand-gray3);
 }
 
+.ulist div.title {
+  margin-left: -10px;
+}
+
 .doc hr {
   margin: 1rem 0;
   border: 0 solid var(--color-border);
diff --git a/src/css/table.css b/src/css/table.css
@@ -118,12 +118,13 @@ table.table-tutorial tr td:last-child {
     /* margin-top: 2.5rem; */
   }
 
-  table.tableblock .title {
+  table.tableblock caption.title {
     position: absolute;
     left: 0;
     top: -30px;
   }
 
+  div + table.tableblock,
   div.paragraph + table.tableblock,
   div.ulist + table.tableblock,
   table.tableblock + table.tableblock {

Original file line number	Diff line number	Diff line change
`@@ -118,12 +118,13 @@ table.table-tutorial tr td:last-child {`
`118`	`118`	`/* margin-top: 2.5rem; */`
`119`	`119`	`}`
`120`	`120`
`121`		`- table.tableblock .title {`
	`121`	`+ table.tableblock caption.title {`
`122`	`122`	`position: absolute;`
`123`	`123`	`left: 0;`
`124`	`124`	`top: -30px;`
`125`	`125`	`}`
`126`	`126`
	`127`	`+ div + table.tableblock,`
`127`	`128`	`div.paragraph + table.tableblock,`
`128`	`129`	`div.ulist + table.tableblock,`
`129`	`130`	`table.tableblock + table.tableblock {`