CSS tweaks to align input and output cell areas

jonmmease · jonmmease · commit c2e6304a9d50 · 2018-08-30T10:04:20.000-04:00
diff --git a/scss/_components/_highlighting.scss b/scss/_components/_highlighting.scss
@@ -4110,6 +4110,8 @@ div.out_prompt_overlay:hover {
 }
 
 div.output_prompt {
+  border-top: 1px solid transparent;
+  padding-right:$unit !important;
   color: darkred
 }
 
@@ -4197,12 +4199,12 @@ div.output_area pre {
 
 div.output_subarea {
   overflow-x: auto;
-  padding: .4em;
+  padding: .4em 0;
   -webkit-box-flex: 1;
   -moz-box-flex: 1;
   box-flex: 1;
   flex: 1;
-  max-width: calc(100% - 14ex)
+  max-width: calc(100%)
 }
 
 div.output_text {

Original file line number	Diff line number	Diff line change
`@@ -4110,6 +4110,8 @@ div.out_prompt_overlay:hover {`
`4110`	`4110`	`}`
`4111`	`4111`
`4112`	`4112`	`div.output_prompt {`
	`4113`	`+ border-top: 1px solid transparent;`
	`4114`	`+ padding-right:$unit !important;`
`4113`	`4115`	`color: darkred`
`4114`	`4116`	`}`
`4115`	`4117`
`@@ -4197,12 +4199,12 @@ div.output_area pre {`
`4197`	`4199`
`4198`	`4200`	`div.output_subarea {`
`4199`	`4201`	`overflow-x: auto;`
`4200`		`- padding: .4em;`
	`4202`	`+ padding: .4em 0;`
`4201`	`4203`	`-webkit-box-flex: 1;`
`4202`	`4204`	`-moz-box-flex: 1;`
`4203`	`4205`	`box-flex: 1;`
`4204`	`4206`	`flex: 1;`
`4205`		`- max-width: calc(100% - 14ex)`
	`4207`	`+ max-width: calc(100%)`
`4206`	`4208`	`}`
`4207`	`4209`
`4208`	`4210`	`div.output_text {`