Added styling from show_trait_details.html to show_trait.css

* wqflask/wqflask/static/new/css/show_trait.css - Added the bottom margin styling for the div containing the buttons
* wqflask/wqflask/templates/show_trait_details.html - Removed some unnecessary styling and moved the styling for .btn_toolbar to show_trait.css

2 files changed, 10 insertions, 6 deletions

diff --git a/wqflask/wqflask/static/new/css/show_trait.css b/wqflask/wqflask/static/new/css/show_trait.css
index a9e85ee7..671b3cf7 100644
--- a/wqflask/wqflask/static/new/css/show_trait.css
+++ b/wqflask/wqflask/static/new/css/show_trait.css
@@ -81,4 +81,8 @@ table.dataTable tbody td.column_name-PlusMinus {
 
 table.dataTable tbody td.column_name-Value, table.dataTable tbody td.column_name-SE, table.dataTable tbody td.column_name-num_cases {
   text-align: right;
+}
+
+.btn_toolbar {
+  margin-bottom:15px;
 }
\ No newline at end of file
diff --git a/wqflask/wqflask/templates/show_trait_details.html b/wqflask/wqflask/templates/show_trait_details.html
index 4aced50c..d2999eef 100644
--- a/wqflask/wqflask/templates/show_trait_details.html
+++ b/wqflask/wqflask/templates/show_trait_details.html
@@ -1,20 +1,20 @@
-<table class="table" style="max-width: 1400px;">
+<table class="table">
     <tr>
-        <td width="150px"><b>Group</b></td>
+        <td><b>Group</b></td>
         <td>{{ this_trait.dataset.group.species[0]|upper }}{{ this_trait.dataset.group.species[1:] }}: {{ this_trait.dataset.group.name }} group</td>
     </tr>
     {% if this_trait.dataset.type == 'Publish' %}
     <tr>
         <td><b>Phenotype</b></td>
-        <td><div style="width:40%;">{{ this_trait.description_fmt }}</div></td>
+        <td><div>{{ this_trait.description_fmt }}</div></td>
     </tr>
     <tr>
         <td><b>Authors</b></td>
-        <td><div style="width:40%;">{{ this_trait.authors }}</div></td>
+        <td><div>{{ this_trait.authors }}</div></td>
     </tr>
     <tr>
         <td><b>Title</b></td>
-        <td><div style="width:40%;">{{ this_trait.title }}</div></td>
+        <td><div>{{ this_trait.title }}</div></td>
     </tr>
     <tr>
         <td><b>Journal</b></td>
@@ -213,7 +213,7 @@
     {% endif %}
 </table>
 
-<div style="margin-bottom:15px;" class="btn-toolbar">
+<div class="btn-toolbar">
     <div class="btn-group">
         <button type="button" id="add_to_collection" class="btn btn-success" title="Add to Collection">Add</button>
         {% if this_trait.dataset.type == 'ProbeSet' or this_trait.dataset.type == 'Geno' %}