chore: align request method

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);}

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>
   );
 };

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">