From d504f4236904ae7aa774128ea24594188281b81e Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 18 Mar 2019 10:04:09 +0530
Subject: [PATCH] prettier btn style change

---
 src/components/ContentWrapFiles.jsx | 11 ++++++-----
 src/style.css                       |  2 ++
 2 files changed, 8 insertions(+), 5 deletions(-)

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 {