From e0897315820e4e1c77af318555d72a039970a654 Mon Sep 17 00:00:00 2001
From: Mustafa Buyukcelebi <mustafa.buyukcel@gmail.com>
Date: Wed, 27 Nov 2019 21:01:02 +0300
Subject: [PATCH] Fixed subcomment design issue

---
 src/components/comment/view/commentStyles.js          | 1 +
 src/components/comment/view/commentView.js            | 1 +
 src/components/postElements/body/view/postBodyView.js | 7 +++----
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/comment/view/commentStyles.js b/src/components/comment/view/commentStyles.js
index 83defeda2..7345f67bc 100644
--- a/src/components/comment/view/commentStyles.js
+++ b/src/components/comment/view/commentStyles.js
@@ -36,6 +36,7 @@ export default EStyleSheet.create({
     alignSelf: 'flex-end',
     position: 'absolute',
     right: 0,
+    bottom: -10,
   },
   voteCountText: {
     alignSelf: 'center',
diff --git a/src/components/comment/view/commentView.js b/src/components/comment/view/commentView.js
index 650e91eef..dac606eda 100644
--- a/src/components/comment/view/commentView.js
+++ b/src/components/comment/view/commentView.js
@@ -80,6 +80,7 @@ class CommentView extends PureComponent {
           <View style={[{ marginLeft: marginLeft || 29 }, styles.bodyWrapper]}>
             <PostBody
               isComment
+              commentDepth={comment.depth}
               handleOnUserPress={handleOnUserPress}
               body={comment.body}
               textSelectable={false}
diff --git a/src/components/postElements/body/view/postBodyView.js b/src/components/postElements/body/view/postBodyView.js
index 3a3aef673..5c36943c7 100644
--- a/src/components/postElements/body/view/postBodyView.js
+++ b/src/components/postElements/body/view/postBodyView.js
@@ -17,6 +17,7 @@ const WIDTH = Dimensions.get('window').width;
 const PostBody = ({
   navigation,
   body,
+  commentDepth,
   isComment,
   textSelectable = true,
   handleOnUserPress,
@@ -208,10 +209,8 @@ const PostBody = ({
   return (
     <Fragment>
       <AutoHeightWebView
-        source={{
-          html: test,
-        }}
-        style={{ width: isComment ? WIDTH - 61 : WIDTH - 32 }}
+        source={{ html: test }}
+        style={{ width: isComment ? WIDTH - (32 + 29 * commentDepth) : WIDTH - 32 }}
         customStyle={customStyle}
         onMessage={_handleOnLinkPress}
         customScript={script.toString()}