@@ -0,0 +1 @@
+Fix cell spacing issues
@@ -25,6 +25,7 @@
     grid-template-columns: auto 1fr;
     grid-column-gap: 3px;
     width: 100%;
+    margin-top:16px;
 }
 
 .content-div {
@@ -38,10 +39,6 @@
     display: grid;
 }
 
-.hide {
-    visibility: hidden;
-}
-
 .cell-result-container {
     width: 100%;
 }
 
@@ -31,6 +31,7 @@
 .code-area {
     position: relative;
     width:100%;
+    margin-bottom:16px;
 }
 
 .code-area-editable {
@@ -45,8 +46,3 @@
     font-style: italic;
     color: var(--override-watermark-color, var(--vscode-pickerGroup-border));
 }
-
-.hide {
-    visibility: hidden;
-}
-
@@ -21,7 +21,7 @@ export class CollapseButton extends React.Component<ICollapseButtonProps> {
 
     public render() {
         const collapseInputPolygonClassNames = `collapse-input-svg ${this.props.open ? ' collapse-input-svg-rotate' : ''} collapse-input-svg-${this.props.theme}`;
-        const collapseInputClassNames = `collapse-input remove-style ${this.props.visible ? '' : ' hide'}`;
+        const collapseInputClassNames = `collapse-input remove-style ${this.props.visible ? '' : ' invisible'}`;
         // https://reactjs.org/docs/conditional-rendering.html#inline-if-with-logical--operator
         // Comment here just because the (boolean && statement) was new to me
         return (
 
@@ -15,3 +15,11 @@
     background: var(--override-background, var(--vscode-editor-background));
     color: var(--override-foreground, var(--vscode-editor-foreground));
 }
+
+.hide {
+    display: none;
+}
+
+.invisible {
+    visibility: hidden;
+}
@@ -8,6 +8,3 @@
     right: 0;
     background-color: var(--vscode-editor-background);
 }
-.hide {
-    display: none;
-}
Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@`
`25`	`25`	`grid-template-columns: auto 1fr;`
`26`	`26`	`grid-column-gap: 3px;`
`27`	`27`	`width: 100%;`
	`28`	`+ margin-top:16px;`
`28`	`29`	`}`
`29`	`30`
`30`	`31`	`.content-div {`
`@@ -38,10 +39,6 @@`
`38`	`39`	`display: grid;`
`39`	`40`	`}`
`40`	`41`
`41`		`-.hide {`
`42`		`- visibility: hidden;`
`43`		`-}`
`44`		`-`
`45`	`42`	`.cell-result-container {`
`46`	`43`	`width: 100%;`
`47`	`44`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,3 @@`
`8`	`8`	`right: 0;`
`9`	`9`	`background-color: var(--vscode-editor-background);`
`10`	`10`	`}`
`11`		`-.hide {`
`12`		`- display: none;`
`13`		`-}`