Merge pull request #167 from legumeinfo/gene-search-table

Gene search table

Author: alancleary

dev/examples/lis-gene-search-with-linkouts.html

@@ -33,7 +33,9 @@ <h1>&lt;lis-gene-search-element&gt; with &lt;lis-linkout-element&gt; and &lt;lis
         See the source code for details on how these components interact.
       </p>
       <hr>
+    </div>
 
+    <div class="uk-container uk-container-expand">
       <!-- the custom gene search element -->
       <lis-gene-search-element id="gene-search"></lis-gene-search-element>
       <lis-modal-element modalId="modal">

dev/lis-gene-search-element.html

@@ -32,10 +32,11 @@ <h1>&lt;lis-gene-search-element&gt;</h1>
         If the query string parameters are present when the component loads then a search will be automatically performed with the query string parameter values.
       </p>
       <hr>
+    </div>
 
+    <div class="uk-container uk-container-expand">
       <!-- the custom gene search element -->
       <lis-gene-search-element id="gene-search"></lis-gene-search-element>
-
     </div>
 
     <!-- set the search function by property because functions can't be set as attributes -->

dev/lis-publication-search-element.html

@@ -31,6 +31,9 @@ <h1>&lt;lis-publication-search-element&gt;</h1>
         If the query string parameters are present when the component loads then a search will be automatically performed with the query string parameter values.
       </p>
       <hr>
+    </div>
+
+    <div class="uk-container uk-container-expand">
       <!-- the custom publication search element -->
       <lis-publication-search-element id="publication-search"></lis-publication-search-element>
     </div>

dev/lis-qtl-search-element.html

@@ -31,6 +31,9 @@ <h1>&lt;lis-qtl-search-element&gt;</h1>
         If the query string parameters are present when the component loads then a search will be automatically performed with the query string parameter values.
       </p>
       <hr>
+    </div>
+
+    <div class="uk-container uk-container-expand">
       <!-- the custom qtl search element -->
       <lis-qtl-search-element id="qtl-search"></lis-qtl-search-element>
     </div>

dev/lis-trait-search-element.html

@@ -31,10 +31,11 @@ <h1>&lt;lis-trait-search-element&gt;</h1>
         If the query string parameters are present when the component loads then a search will be automatically performed with the query string parameter values.
       </p>
       <hr>
+    </div>
 
+    <div class="uk-container uk-container-expand">
       <!-- the custom trait search element -->
       <lis-trait-search-element id="trait-search"></lis-trait-search-element>
-
     </div>
 
     <!-- set the search function by property because functions can't be set as attributes -->

docs/assets/highlight.css

@@ -1,30 +1,30 @@
 :root {
-    --light-hl-0: #000000;
-    --dark-hl-0: #D4D4D4;
-    --light-hl-1: #795E26;
-    --dark-hl-1: #DCDCAA;
-    --light-hl-2: #AF00DB;
-    --dark-hl-2: #C586C0;
-    --light-hl-3: #001080;
-    --dark-hl-3: #9CDCFE;
-    --light-hl-4: #A31515;
-    --dark-hl-4: #CE9178;
-    --light-hl-5: #0000FF;
-    --dark-hl-5: #569CD6;
-    --light-hl-6: #267F99;
-    --dark-hl-6: #4EC9B0;
-    --light-hl-7: #008000;
-    --dark-hl-7: #6A9955;
-    --light-hl-8: #000000FF;
-    --dark-hl-8: #D4D4D4;
-    --light-hl-9: #800000;
-    --dark-hl-9: #808080;
-    --light-hl-10: #800000;
+    --light-hl-0: #001080;
+    --dark-hl-0: #9CDCFE;
+    --light-hl-1: #000000;
+    --dark-hl-1: #D4D4D4;
+    --light-hl-2: #800000;
+    --dark-hl-2: #808080;
+    --light-hl-3: #800000;
+    --dark-hl-3: #569CD6;
+    --light-hl-4: #008000;
+    --dark-hl-4: #6A9955;
+    --light-hl-5: #E50000;
+    --dark-hl-5: #9CDCFE;
+    --light-hl-6: #0000FF;
+    --dark-hl-6: #CE9178;
+    --light-hl-7: #000000FF;
+    --dark-hl-7: #D4D4D4;
+    --light-hl-8: #AF00DB;
+    --dark-hl-8: #C586C0;
+    --light-hl-9: #A31515;
+    --dark-hl-9: #CE9178;
+    --light-hl-10: #0000FF;
     --dark-hl-10: #569CD6;
-    --light-hl-11: #FF0000;
-    --dark-hl-11: #9CDCFE;
-    --light-hl-12: #0000FF;
-    --dark-hl-12: #CE9178;
+    --light-hl-11: #267F99;
+    --dark-hl-11: #4EC9B0;
+    --light-hl-12: #795E26;
+    --dark-hl-12: #DCDCAA;
     --light-hl-13: #CD3131;
     --dark-hl-13: #F44747;
     --light-hl-14: #0070C1;