moar css cleanup

meteor/app/client/alert.html

@@ -11,9 +11,9 @@ Anthony Verez averez@mozilla.com
 
 <template name="alert">
 <div class="container">
-    <div class="row">
+    <div class="center">
         <div id="alert" >
-            <table class="table table-bordered table-hover table-condensed" id="alert-table">
+            <table class="table table-reactive table-hover table-condensed" id="alert-table">
             <thead><tr>
                 <td class="upperwhite">Timestamp</td>
                 <td class="upperwhite">ID</td>
@@ -27,4 +27,5 @@ Anthony Verez averez@mozilla.com
         </div>
     </div>
 </div>
+
 </template>

meteor/app/client/menu.html

@@ -10,11 +10,12 @@ Anthony Verez averez@mozilla.com
 -->
 
 <template name="menu">
-    <div id="header"  class="row">
-        <div class="span2 offset2">
+    <div class="container">
+        <div id="header"  class="row center">
+            <div >
                 <h2><a class="mozdef" href="/" title="MOZDEF">MOZDEF</a></h2>
             </div>
-        <div id="nav-main" class="span6">
+            <div id="nav-main">
                 <ul>
                     <li class="first"><a href="#">Kibana dashboards</a>
                         <ul>
@@ -42,11 +43,10 @@ Anthony Verez averez@mozilla.com
                     </li>
                     <li><a href="/about">About</a></li>
                 </ul>
-        </div>
-        <div class="span1">
+
                 <a class="mozilla" href="http://mozilla.org"><img src="/images/mozilla-tab.png"></a>
-        </div>
-        <div class="span2">
+                <label>
+
     
                 {{#if loggingIn}}
                         Logging In
@@ -56,9 +56,10 @@ Anthony Verez averez@mozilla.com
                     {{/if}}        
                 {{/if}}
                 {{> loginButtons align="right"}}
+                </label>
           
             </div>
-         
+        </div>
 </div>
 </template>
 

meteor/mozdef.html

@@ -44,7 +44,7 @@ Anthony Verez averez@mozilla.com
         {{#if currentUser}}
             {{>yield}}
         {{else}}
-            <div class="span5 offset4">
+            <div class="span5 center">
                 <div class="alert alert-info alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <strong>Please login</strong>
@@ -57,9 +57,11 @@ Anthony Verez averez@mozilla.com
 
 <!--a nice greeting-->
 <template name="hello">
-    <div class="span12">
+    <div class="container">
+        <div class="center">
             <p class="welcome">{{greeting}}<br>welcome</p>
         </div>
+    </div>
 
         
 </template>

meteor/public/css/mozdef.css

@@ -30,8 +30,8 @@ body{
     /*font-family: monospace;*/
     /*font-family: sans-serif;*/
     font-size: 12px;
-    margin: 0;
-    min-width: 990px;
+    /*margin: 0;*/
+    /*min-width: 990px;*/
     padding: 0;
     color: #000;
     line-height: normal;
@@ -100,6 +100,16 @@ body{
 
 /*bootstrap overrides*/
 
+.centerspan [class*="span"]{
+    margin: 0 auto;
+    float: none;
+}
+
+.center {
+    margin: 0 auto;
+    float: none;
+}
+
 .table-striped tbody > tr:nth-child(odd) > td,
 .table-striped tbody > tr:nth-child(odd) > th {
   background-color: rgba(211, 202, 193,.2);
@@ -184,8 +194,7 @@ circle:hover{
     float: left;
     font: normal 30px;
     margin: 0;
-    padding: 2px 0px;
-    color:  red;
+    padding: 2px 10px;
     text-align: left;
     text-indent: 50px;
     text-shadow: #000 5px 3px 3px;
@@ -195,6 +204,12 @@ circle:hover{
 	color:white;
 }
 
+#header label{
+    display: inherit;
+    cursor: auto;
+    margin:.5em;
+}
+
 /*menu styling*/
 #nav-main {
     text-align: left;
@@ -202,6 +217,8 @@ circle:hover{
     text-transform: uppercase;
     display: inline-block;
     height: 45px;
+    margin:.5em;
+    line-height: normal;
 }
 
 #nav-main ul {
@@ -228,8 +245,8 @@ circle:hover{
 #nav-main li span {
     border-color: #3a3c46;
     color: #fff;
-    padding: 15px 30px 10px 10px;
-    height: 18px;
+    padding: 8px 30px 10px 10px;
+    height: 10px;
     display: block;
     border-style: solid;
     -moz-border-top-colors: none;
@@ -274,11 +291,11 @@ circle:hover{
     background: #000;
     background: rgba(0,0,0,0);
 
-    transition-duration: 0.2s;
+    transition-duration: 0.1s;
     transition-timing-function: linear;
     transition-delay: 0s;
     transition-property: #6363CE, box-shadow, border-right;
-    padding-bottom: 15px;
+    padding-bottom: 30px;
     outline: 0px none;
 }
 
@@ -434,7 +451,7 @@ circle:hover{
 
 #main-content {
     color: #fff;
-    margin: 0 auto;
+    /*margin: 0 auto;*/
     /*padding: 0 20px;*/
     text-align: left;
     text-shadow: #000 1px 1px 1px;