Add a CSS reset to the LGV

products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/App.css

@@ -0,0 +1,110 @@
+/*
+YUI 3.18.1 (build f7e7bcb)
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+http://yuilibrary.com/license/
+*/
+/* http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css */
+
+.yui3-cssreset html {
+  color: #000;
+  background: #fff;
+}
+.yui3-cssreset body,
+.yui3-cssreset div,
+.yui3-cssreset dl,
+.yui3-cssreset dt,
+.yui3-cssreset dd,
+.yui3-cssreset ul,
+.yui3-cssreset ol,
+.yui3-cssreset li,
+.yui3-cssreset h1,
+.yui3-cssreset h2,
+.yui3-cssreset h3,
+.yui3-cssreset h4,
+.yui3-cssreset h5,
+.yui3-cssreset h6,
+.yui3-cssreset pre,
+.yui3-cssreset code,
+.yui3-cssreset form,
+.yui3-cssreset fieldset,
+.yui3-cssreset legend,
+.yui3-cssreset input,
+.yui3-cssreset textarea,
+.yui3-cssreset p,
+.yui3-cssreset blockquote,
+.yui3-cssreset th,
+.yui3-cssreset td {
+  margin: 0;
+  padding: 0;
+}
+.yui3-cssreset table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.yui3-cssreset fieldset,
+.yui3-cssreset img {
+  border: 0;
+}
+.yui3-cssreset address,
+.yui3-cssreset caption,
+.yui3-cssreset cite,
+.yui3-cssreset code,
+.yui3-cssreset dfn,
+.yui3-cssreset em,
+.yui3-cssreset strong,
+.yui3-cssreset th,
+.yui3-cssreset var {
+  font-style: normal;
+  font-weight: normal;
+}
+.yui3-cssreset ol,
+.yui3-cssreset ul {
+  list-style: none;
+}
+.yui3-cssreset caption,
+.yui3-cssreset th {
+  text-align: left;
+}
+.yui3-cssreset h1,
+.yui3-cssreset h2,
+.yui3-cssreset h3,
+.yui3-cssreset h4,
+.yui3-cssreset h5,
+.yui3-cssreset h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+.yui3-cssreset q:before,
+.yui3-cssreset q:after {
+  content: '';
+}
+.yui3-cssreset abbr,
+.yui3-cssreset acronym {
+  border: 0;
+  font-variant: normal;
+}
+.yui3-cssreset sup {
+  vertical-align: text-top;
+}
+.yui3-cssreset sub {
+  vertical-align: text-bottom;
+}
+.yui3-cssreset input,
+.yui3-cssreset textarea,
+.yui3-cssreset select {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+}
+.yui3-cssreset input,
+.yui3-cssreset textarea,
+.yui3-cssreset select {
+  *font-size: 100%;
+}
+.yui3-cssreset legend {
+  color: #000;
+}
+#yui3-css-stamp.cssreset-context {
+  display: none;
+}

products/jbrowse-react-linear-genome-view/src/JBrowseLinearGenomeView/JBrowseLinearGenomeView.tsx

@@ -4,9 +4,9 @@ import React from 'react'
 import createSessionModel from '../createModel/createSessionModel'
 import ModalWidget from './ModalWidget'
 import ViewContainer from './ViewContainer'
+import './App.css'
 
 type Session = Instance<ReturnType<typeof createSessionModel>>
-
 function JBrowseLinearGenomeView({
   viewState,
 }: {
@@ -21,7 +21,7 @@ function JBrowseLinearGenomeView({
   const { ReactComponent } = viewType
 
   return (
-    <div>
+    <div className="yui3-cssreset">
       <ViewContainer key={`view-${view.id}`} view={view}>
         <ReactComponent model={view} session={session} />
       </ViewContainer>