Fix comment edit UI

Author: kazup01

src/cloud/components/Comments/CommentInput.tsx

@@ -232,7 +232,6 @@ const InputContainer = styled.div`
     display: flex;
     position: relative;
     margin-bottom: ${({ theme }) => theme.sizes.spaces.md}px;
-    padding: 0 ${({ theme }) => theme.sizes.spaces.df}px;
 
     .comment__input__send_button {
       position: absolute;

src/cloud/components/Comments/CommentManager.tsx

@@ -87,9 +87,7 @@ function CommentManager({
                 users={usersOrEmpty}
                 updateComment={updateComment}
               />
-            </div>
-            <div className={'thread__list__container__create__thread'}>
-              <CommentInput
+                            <CommentInput
                 placeholder={'Comment...'}
                 onSubmit={async (comment) => {
                   await createThread({ comment })
@@ -221,15 +219,15 @@ const Container = styled.div`
     flex-direction: column-reverse;
     scrollbar-width: thin;
     margin-bottom: ${({ theme }) => theme.sizes.spaces.df}px;
+    padding: 0 ${({ theme }) => theme.sizes.spaces.df}px;
 
     .thread__content__back_button {
-      margin: ${({ theme }) => theme.sizes.spaces.df}px;
+      margin: ${({ theme }) => theme.sizes.spaces.df}px 0;
     }
 
     & .comment__list {
       & > div {
         margin-bottom: ${({ theme }) => theme.sizes.spaces.df}px;
-        padding: 0 ${({ theme }) => theme.sizes.spaces.df}px;
       }
 
       &:hover {
@@ -279,10 +277,7 @@ const Container = styled.div`
     flex: 1;
     height: 100%;
     overflow-y: auto;
-  }
-
-  .thread__list__container__create__thread {
-    margin-top: ${({ theme }) => theme.sizes.spaces.df}px;
+    padding 0 ${({ theme }) => theme.sizes.spaces.df}px;;
   }
 `
 

src/cloud/components/Comments/ThreadList.tsx

@@ -48,7 +48,6 @@ function ThreadList({
 
 const Container = styled.div`
   & > div {
-    padding: 0 ${({ theme }) => theme.sizes.spaces.df}px;
     &:hover {
       background-color: ${({ theme }) => theme.colors.background.secondary};
     }