expanding term doc box, needs more styling

Author: ebey

ui.R

@@ -803,11 +803,12 @@ url = {http://statnetproject.org}
                            uiOutput("listofterms")
                            ),
                   div(id="termdocbox",
-                    verbatimTextOutput("termdoc")),
-                  fluidRow(align="center",
-                    div(id="termexpand", 
-                      icon(name="angle-double-down", class="fa-2x"))
-                  )
+                    verbatimTextOutput("termdoc"),
+                    fluidRow(align="center",
+                      div(id="termexpand", 
+                        icon(name="angle-double-down", class="fa-2x"))
+                    ))
+                  
                  ),
                  tabPanel("Control Options",
                     fluidRow(
@@ -852,6 +853,7 @@ url = {http://statnetproject.org}
                         ))
                      )
             ),
+          br(),br(),
          fluidRow(
            column(2,
                   p('Current ergm formula:')),

www/alert.js

@@ -90,6 +90,19 @@ $(document).ready(function(){
     $(".chromewarningbox").toggle(500);
   });
 
+  $("#termexpand").click(function(){
+    if($("#termdocbox").height()<100){
+      $("#termdocbox").css({
+      "max-height":"250px"
+      });
+    } else {
+      $("#termdocbox").css({
+      "max-height":"75px"
+      });
+    }
+    
+  });
+  
   $("#mcmchelper").click(function(){
     $("#mcmchelpbox").toggle(500);
   });

www/style.css

@@ -223,12 +223,14 @@ div .mcmcopt {
   border:none;
 }
 #termdocbox {
+  position:absolute;
   max-height:75px;
   border: 1px solid #CECED8;
   border-radius: 5px;
   overflow:scroll;
 }
 #termexpand {
+  position:absolute;
   width:50px;
   height:22px;
   margin-bottom:2px;