tweakbar layout and css

static/lib/graphExplorer/extras_explorerjs.js

@@ -149,11 +149,11 @@ function CRUD( list_id , ngram_ids , http_method , callback) {
         var div_info = "";
 
         if( $( ".colorgraph_div" ).length>0 )
-            div_info += '<ul id="colorGraph" class="nav navbar-nav navbar-right">'
+            div_info += '<ul id="colorGraph" class="nav navbar-nav">'
 
         div_info += ' <li class="dropdown">'
         div_info += '<a href="#" class="dropdown-toggle" data-toggle="dropdown">'
-        div_info += '        <img title="Set Colors" src="/static/img/colors.png" width="20px"><b class="caret"></b></img>'
+        div_info += '        <img title="Set Colors" src="/static/img/colors.png" width="22px"><b class="caret"></b></img>'
         div_info += '</a>'
         div_info += '  <ul class="dropdown-menu">'
 
@@ -186,11 +186,11 @@ function CRUD( list_id , ngram_ids , http_method , callback) {
         div_info = "";
 
         if( $( ".sizegraph_div" ).length>0 )
-            div_info += '<ul id="sizeGraph" class="nav navbar-nav navbar-right">'
+            div_info += '<ul id="sizeGraph" class="nav navbar-nav">'
 
         div_info += ' <li class="dropdown">'
         div_info += '<a href="#" class="dropdown-toggle" data-toggle="dropdown">'
-        div_info += '        <img title="Set Sizes" src="/static/img/NodeSize.png" width="20px"><b class="caret"></b></img>'
+        div_info += '        <img title="Set Sizes" src="/static/img/NodeSize.png" width="18px"><b class="caret"></b></img>'
         div_info += '</a>'
         div_info += '  <ul class="dropdown-menu">'
 

static/lib/graphExplorer/libs/css2/custom.css

@@ -18,12 +18,54 @@
 }
 
 
-
 .navbar { 
 	margin-bottom:1px;
 }
 
-#defaultop{ }
+#defaultop{
+    min-height: 5%;
+    /*max-height: 10%;*/
+    text-align: center;
+}
+
+#defaultop li.basicitem{
+    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;*/
+    padding-left: .4em;
+    padding-right: .4em;
+    padding-bottom: 0;
+    font-size: 90% ;
+}
+
+#defaultop > div {
+    float: none;
+    display: inline-block;
+    text-align: left;
+}
+
+#defaultop > div {
+    float: none;
+    display: inline-block;
+    text-align: left;
+}
+
+#defaultop .nav > li > a {
+    text-align: center;
+    padding-top:    .4em;
+    padding-bottom: .2em;
+    margin-left: auto ;
+    margin-right: auto ;
+}
+
+/*searchnav should get same padding as our .navbar-nav > li > a or bootstrap's*/
+#defaultop div#searchnav {
+    padding-top: 13px; 
+    padding-bottom: 9px;
+}
+
+#defaultop .settingslider {
+    max-width: 80px;
+    display: inline-block ;
+}
 
 #sigma-example {
     width: 100%;
@@ -362,6 +404,12 @@
     padding-left:5%;
 }​
 
+/* small messages */
+p.micromessage{
+  font-size: 85%;
+  color: #707070 ;
+}
+
 .btn-sm:hover {
 	font-weight: bold;
 }

static/lib/graphExplorer/libs/css2/freshslider.css

 .fsslider {
 position: relative;
-min-width: 100px;
+min-width: 80px;
 height: 8px;
 display: inline-block;
 width: 100%;