revert: unrelated and wrong changes

layout, styles and view destroying

lib/datatip-manager.js

@@ -314,6 +314,12 @@ module.exports = class DatatipManager {
     }
   }
 
+  /**
+   * [makeHtmlFromMarkedStrings description]
+   * @param  {[type]} markedStrings   [description]
+   * @param  {String} grammarName [description]
+   * @return {String}          [description]
+   */
   makeHtmlFromMarkedStrings(markedStrings, grammarName) {
     const regExpLSPPrefix = /^\((method|property|parameter|alias)\)\W/;
 
@@ -323,9 +329,7 @@ module.exports = class DatatipManager {
         return string.value;
       } else if (string.type === 'snippet') {
         const snippet = string.value.replace(regExpLSPPrefix, '');
-        return `<div class="datatip-marked-snippet">
-                  <pre><code class="${grammarName}">${snippet}</code></pre>
-                </div>`;
+        return `<pre><code class="${grammarName}">${snippet}</code></pre>`;
       }
     })
     .join('<br>');
@@ -387,6 +391,7 @@ module.exports = class DatatipManager {
       new Disposable(() => overlayMarker.destroy()),
       new Disposable(() => {
         this.editorView.addEventListener("mousemove", this.onMouseMoveEvt);
+        view.destroy();
       }),
       new Disposable(() => marker.destroy())
     );

styles/atom-ide-datatips-marked.less

@@ -11,8 +11,7 @@
   font-size: var(--editor-font-size);
   max-height: 480px;
   max-width: 64em;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: auto;
   white-space: normal;
 
   // Avoid excess internal padding from markdown blocks.
@@ -24,13 +23,9 @@
     margin-bottom: 0;
   }
 
-  .datatip-marked-snippet {
-    display: inline-block;
+  pre {
     font-family: var(--editor-font-family);
     font-size: var(--editor-font-size);
-  }
-
-  pre {
     margin-bottom: 8px;
     border-radius: 0;
   }