diff --git a/src/components/ContentWrapFiles.jsx b/src/components/ContentWrapFiles.jsx index 1933a18..ee2bfe7 100644 --- a/src/components/ContentWrapFiles.jsx +++ b/src/components/ContentWrapFiles.jsx @@ -672,10 +672,7 @@ export default class ContentWrapFiles extends Component { class="code-wrap" onTransitionEnd={this.updateCodeWrapCollapseStates.bind(this)} > - <div - class="js-code-wrap__header code-wrap__header" - title="Double click to toggle code pane" - > + <div class="js-code-wrap__header code-wrap__header"> <div class="flex flex-v-center"> <FileIcon file={this.state.selectedFile} /> {this.state.selectedFile ? this.state.selectedFile.name : ''} @@ -683,9 +680,13 @@ export default class ContentWrapFiles extends Component { <div class="code-wrap__header-right-options"> <button class="btn btn--dark" + aria-label="Format code" + title="Format Code" onClick={this.prettifyBtnClickHandler.bind(this)} > - Prettify + <svg> + <use xlinkHref="#code-brace-icon" /> + </svg> </button> <a class="js-code-collapse-btn code-wrap__header-btn code-wrap__collapse-btn" diff --git a/src/style.css b/src/style.css index 8e344ef..192847c 100644 --- a/src/style.css +++ b/src/style.css @@ -631,6 +631,8 @@ body:not(.light-version).overlay-visible .main-container { position: relative; /* bring over mode select boxes */ z-index: 1; + display: flex; + align-items: center; } .code-wrap__collapse-btn:before {