fix(RPNG): Ensure contents of all node types are fully visible

stencila · Mar 4, 2021 · f2586b3 · f2586b3
1 parent 3a53950
commit f2586b3
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/themes/rpng/styles.css b/src/themes/rpng/styles.css
@@ -10,6 +10,7 @@ body {
 
 :--root {
   --color-ok: #95e8af;
+  --symbol-width: 18px;
 
   display: inline-block;
   font-family: monospace;
@@ -68,11 +69,6 @@ body {
   }
 }
 
-:--MathFragment {
-  /* Ensure that the icon does not overlap the equation */
-  padding-left: 18px;
-}
-
 /* Hide the UI chrome etc that is not wanted */
 :--CodeChunk stencila-action-menu,
 :--CodeChunk [slot='text'],
@@ -89,8 +85,11 @@ body {
 }
 
 :--CodeChunk stencila-node-list,
-:--CodeExpression stencila-node-list {
-  padding: 0 !important;
+:--CodeExpression .output,
+:--MathBlock > :first-child,
+:--MathFragment > :first-child {
+  /* Ensure that the icon does not overlap the content */
+  padding: 0 0 0 var(--symbol-width) !important;
 }
 
 /* Make display of datatables a little more pleasing */