From 7646dfab810c7ecdd608059d9a0284f16f8c723c Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Thu, 20 May 2021 13:07:39 +0530
Subject: [PATCH] Show style props on a separate pane

---
 frontend/src/Editor/Inspector/Inspector.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Editor/Inspector/Inspector.jsx b/frontend/src/Editor/Inspector/Inspector.jsx
index 04035e6308..8c733e61b1 100644
--- a/frontend/src/Editor/Inspector/Inspector.jsx
+++ b/frontend/src/Editor/Inspector/Inspector.jsx
@@ -164,9 +164,10 @@ export const Inspector = ({
       {!['Table', 'Chart'].includes(componentMeta.component)   && 
         <div className="properties-container p-2">
           {Object.keys(componentMeta.properties).map((property) => renderElement(component, componentMeta, paramUpdated, dataQueries, property, 'properties', currentState, components))}
-          {Object.keys(componentMeta.styles).map((style) => renderElement(component, componentMeta, paramUpdated, dataQueries, style, 'styles', currentState, components))}
           <div class="hr-text">Events</div>
           {Object.keys(componentMeta.events).map((eventName) => renderEvent(component, eventUpdated, dataQueries, eventOptionUpdated, eventName, componentMeta.events[eventName], currentState, components))}
+          <div class="hr-text">Style</div>
+          {Object.keys(componentMeta.styles).map((style) => renderElement(component, componentMeta, paramUpdated, dataQueries, style, 'styles', currentState, components))}
         </div>
       }
     </div>