Fix: Hide mobile dialog on first outside click (#26)

* Fix: Hide mobile dialog on first outside click
* Fix: Fit create textarea inside tablet dialog

src/MobileAnnotator.scss

@@ -192,6 +192,7 @@ $tablet: "(min-width: 768px)";
     @include border-top-bottom;
 }
 
+.bp-mobile-annotation-dialog .annotation-container section[data-section="create"],
 .bp-mobile-annotation-dialog .annotation-container {
     @media #{$tablet} {
         left: auto;

src/doc/DocAnnotator.js

@@ -907,6 +907,8 @@ class DocAnnotator extends Annotator {
                 }
 
                 consumed = consumed || threadActive;
+            } else if (this.isMobile) {
+                thread.hideDialog();
             }
         });
 

src/doc/__tests__/DocAnnotator-test.js

@@ -80,7 +80,8 @@ describe('doc/DocAnnotator', () => {
             show: () => {},
             reset: () => {},
             destroy: () => {},
-            onMousemove: () => {}
+            onMousemove: () => {},
+            hideDialog: () => {}
         };
         stubs.threadMock = sandbox.mock(stubs.thread);
 
@@ -1278,6 +1279,14 @@ describe('doc/DocAnnotator', () => {
             annotator.threads = {};
         });
 
+        it('should hide threads that are not pending nor highlights', () => {
+            stubs.thread.type = TYPES.point;
+            stubs.thread.state = STATES.hover;
+            annotator.isMobile = true;
+            stubs.threadMock.expects('hideDialog');
+            annotator.highlightClickHandler(stubs.event);
+        });
+
         it('should cancel the first comment of pending point thread', () => {
             stubs.thread.type = TYPES.point;
             stubs.threadMock.expects('destroy');