From f64e13a71f9622611151f89e13bb97ebead89bf9 Mon Sep 17 00:00:00 2001
From: lohit <lohit.jiddimani@gmail.com>
Date: Tue, 27 Feb 2024 21:14:08 +0530
Subject: [PATCH] feat(#bru-22): prettify graphql placement and styling (#1675)

---
 .../src/components/RequestPane/QueryEditor/index.js    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/RequestPane/QueryEditor/index.js b/packages/bruno-app/src/components/RequestPane/QueryEditor/index.js
index ee8a4321f..2be742348 100644
--- a/packages/bruno-app/src/components/RequestPane/QueryEditor/index.js
+++ b/packages/bruno-app/src/components/RequestPane/QueryEditor/index.js
@@ -14,6 +14,7 @@ import { getAllVariables } from 'utils/collections';
 import { defineCodeMirrorBrunoVariablesMode } from 'utils/common/codemirror';
 import toast from 'react-hot-toast';
 import StyledWrapper from './StyledWrapper';
+import { IconWand } from '@tabler/icons';
 
 import onHasCompletion from './onHasCompletion';
 
@@ -207,14 +208,17 @@ export default class QueryEditor extends React.Component {
     return (
       <>
         <StyledWrapper
-          className="h-full w-full"
+          className="h-full w-full relative"
           aria-label="Query Editor"
           ref={(node) => {
             this._node = node;
           }}
         >
-          <button className="btn-add-param text-link pr-2 py-3 mt-2 select-none" onClick={this.beautifyRequestBody}>
-            Prettify GraphQL
+          <button
+            className="btn-add-param text-link px-4 py-4 select-none absolute top-0 right-0 z-10"
+            onClick={this.beautifyRequestBody}
+          >
+            <IconWand />
           </button>
         </StyledWrapper>
       </>