Merge pull request #9755 from circleci/fix-spacing

Fix spacing and styles - round 3

Author: rosieyohannan

ui/src/css/doc.css

@@ -320,6 +320,14 @@
   margin: 1rem 0 0;
 }
 
+.doc .openblock.tabs {
+  margin-top: calc(40 / var(--rem-base) * 1rem);
+}
+
+.doc .imageblock {
+  margin-top: calc(40 / var(--rem-base) * 1rem);
+}
+
 .doc > table.tableblock,
 .doc > table.tableblock + *,
 .doc .tablecontainer,
@@ -658,7 +666,7 @@
   vertical-align: middle;
   object-fit: contain;
   border: 1px solid #D4D4D4;
-  border-radius: 8px;
+  border-radius: 12px;
 }
 
 /* Remove border for images with no-border class */

ui/src/css/tabs.css

@@ -1,6 +1,6 @@
 /*! Asciidoctor Tabs | Copyright (c) 2018-present Dan Allen | MIT License */
 .tabs {
-  margin-bottom: 1.25em;
+  margin-bottom: 1.25rem;
 }
 
 .tablist > ul {
@@ -19,8 +19,8 @@
   display: flex;
   font-weight: 400;
   line-height: 1.5;
-  padding: 1em 1px;
-  margin-right: 1.5em;
+  padding: 1rem 1px;
+  margin-right: 1.5rem;
   position: relative;
 }
 
@@ -42,7 +42,7 @@
 }
 
 .tablist.ulist > ul li {
-  margin: 0 1.5em 0 0;
+  margin: 0 1.5rem 0 0;
 }
 
 /* Disabled to allow borders to show
@@ -80,7 +80,7 @@
 
 .tabpanel {
   background-color: #fff;
-  padding: 1.25em 0;
+  padding: calc(40 / var(--rem-base) * 1rem) 0 calc(20 / var(--rem-base) * 1rem) 0;
 }
 
 .tabs.is-loading .tabpanel + .tabpanel,
@@ -104,7 +104,7 @@
 }
 
 #content .tablecontainer {
-  margin-bottom: 1.25em;
+  margin-bottom: 1.25rem;
 }
 
 #content .tablecontainer > table.tableblock {