reconfigure stexaminer layout

diff --git a/root/css/stexaminer.css b/root/css/stexaminer.css
index 9c5ec84..9efbc54 100644 (file)
--- a/root/css/stexaminer.css
+++ b/root/css/stexaminer.css
@@ -1,15 +1,15 @@
 #variants_table {
     float: left;
-    width: 450px;
-    height: 550px;
-    border-right: 1px #c6dcf1 solid;
-    margin-left: 20px;
+    width: 90%;
+    height: 90px;
+    border: 1px #c6dcf1 solid;
+    margin-bottom: 20px;
     overflow: auto;
 }
 #stemma_graph {
     height: 450px;
     float: left;
-    width: 500px;
+    width: 700px;
     text-align: center;
     border: 1px #c6dcf1 solid;
 }

diff --git a/root/src/stexaminer.tt b/root/src/stexaminer.tt
index 4298e0b..9a30643 100644 (file)
--- a/root/src/stexaminer.tt
+++ b/root/src/stexaminer.tt
@@ -8,9 +8,6 @@
     <div id="statistics">
       <p>Analyzed [% total %] variant locations, of which [% genealogical %] entirely followed the stemma.  [% conflict %] readings conflicted with the stemma.</p>
     </div>
-    <div id="stemma_graph">
-      [% svg %]
-    </div>
     <div id="variants_table">
       <table>
 [% FOREACH row IN variants -%]
@@ -18,6 +15,9 @@
 [% END -%]
      </table>
     </div>
+    <div id="stemma_graph">
+      [% svg %]
+    </div>
 [% PROCESS footer.tt %]