Fixed subcomment design issue

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',

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}

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