From 951014cca2d05f913185e43adbb08dd88608c154 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Fri, 18 Mar 2022 02:24:30 +0530
Subject: [PATCH] chore: align request method

---
 .../CollectionItem/RequestMethod/StyledWrapper.js      | 10 ++++++++++
 .../Collection/CollectionItem/RequestMethod/index.js   |  4 +++-
 .../Collections/Collection/CollectionItem/index.js     |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js b/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
index 4115c4486..c779b67a1 100644
--- a/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
+++ b/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
@@ -1,6 +1,16 @@
 import styled from 'styled-components';
 
 const Wrapper = styled.div`
+  font-size: 0.6875rem;
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+
+  span {
+    position: relative;
+    top: 1px;
+  }
+
   .method-get { color:  var(--color-method-get);}
   .method-post { color:  var(--color-method-post);}
   .method-put { color:  var(--color-method-put);}
diff --git a/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js b/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
index 6edceedf4..7bc9548eb 100644
--- a/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
+++ b/renderer/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
@@ -20,7 +20,9 @@ const RequestMethod = ({item}) => {
 
   return (
     <StyledWrapper>
-      <span className={getClassname(item.request.method)}>{item.request.method}</span>
+      <div className={getClassname(item.request.method)}>
+        <span>{item.request.method}</span>
+      </div>
     </StyledWrapper>
   );
 };
diff --git a/renderer/components/Sidebar/Collections/Collection/CollectionItem/index.js b/renderer/components/Sidebar/Collections/Collection/CollectionItem/index.js
index b6540ef1b..0cb7d993d 100644
--- a/renderer/components/Sidebar/Collections/Collection/CollectionItem/index.js
+++ b/renderer/components/Sidebar/Collections/Collection/CollectionItem/index.js
@@ -93,7 +93,7 @@ const CollectionItem = ({item, collectionUid}) => {
             
             <div className="ml-1 flex items-center">
               <RequestMethod item={item}/>
-              {item.name}
+              <div>{item.name}</div>
             </div>
           </div>
           <div className="menu-icon pr-2">