Increase padding to target size to 20 and add comments

Author: danilo04

aztec/src/main/kotlin/org/wordpress/aztec/AztecText.kt

@@ -732,10 +732,16 @@ open class AztecText : AppCompatEditText, TextWatcher, UnknownHtmlSpan.OnUnknown
         x += scrollX
         y += scrollY
 
-        // Check if we're in the task list area
-        if (isEnabled && x + totalPaddingStart <= (blockFormatter.listStyleLeadingMargin() + AztecTaskListSpan.PADDING_SPACE)) {
+        // We check whether the user tap on a checkbox of a task list. The aztec text field should be enabled and we
+        // check whether the tap event was on the leading margin which is where the checkbox is located plus a padding
+        // space used to increase the target size for the tap event.
+        if (isEnabled &&
+            x + totalPaddingStart <= (blockFormatter.listStyleLeadingMargin() + AztecTaskListSpan.PADDING_SPACE)) {
             val line = layout.getLineForVertical(y)
             val off = layout.getOffsetForHorizontal(line, x.toFloat())
+            // If the tap event was on the leading margin, we double check whether we are tapping on a task list item.
+            // If that is true, then we return false because we don't want to propagate the tap event to stop moving
+            // the cursor to the item tapped.
             if (getTaskListHandler()?.handleTaskListClick(
                 text,
                 off,

aztec/src/main/kotlin/org/wordpress/aztec/spans/AztecTaskListSpan.kt

@@ -146,6 +146,7 @@ open class AztecTaskListSpan(
     override val textFormat: ITextFormat = AztecTextFormat.FORMAT_TASK_LIST
 
     companion object {
-        const val PADDING_SPACE = 15
+        // Extra padding added to the target tap area for checkboxes.
+        const val PADDING_SPACE = 20
     }
 }