Fixed the site to be more mobile friendly - at least the home page and navbar

html/includes/device-summary-horiz.inc.php

@@ -1,7 +1,7 @@
 <?php
 include_once("includes/object-cache.inc.php");
 ?>
-<div class="panel panel-default panel-condensed">
+<div class="panel panel-default panel-condensed table-responsive">
 <table class="table table-hover table-condensed table-striped">
   <thead>
     <tr class="info">

html/includes/device-summary-vert.inc.php

@@ -1,7 +1,7 @@
 <?php
 include_once("includes/object-cache.inc.php");
 ?>
-<div class="panel panel-default panel-condensed">
+<div class="panel panel-default panel-condensed table-responsive">
 <table class="table table-hover table-condensed table-striped">
   <thead>
     <tr class="info">

html/includes/print-menubar.php

@@ -12,9 +12,15 @@ if (isset($config['enable_bgp']) && $config['enable_bgp'])
 
 ?>
 
-<nav class="navbar-wrapper navbar navbar-default navbar-fixed-top" role="navigation">
-  <div id="container">
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+  <div class="container-fluid">
     <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navHeaderCollapse">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
 <?php
 
   if ($config['title_image'])
@@ -29,7 +35,7 @@ if (isset($config['enable_bgp']) && $config['enable_bgp'])
 ?>
     </div>
 
-    <div class="collapse navbar-collapse">
+    <div class="collapse navbar-collapse" id="navHeaderCollapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="<?php echo(generate_url(array('page'=>'overview'))); ?>" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><img src="images/16/lightbulb.png" border="0" align="absmiddle" /> Overview<b class="caret"></b></a>
@@ -542,7 +548,6 @@ if ($_SESSION['authenticated'])
 
    </div>
  </div>
-</div>
 </nav>
 <script>
   $('#gsearch').typeahead([

html/index.php

@@ -211,7 +211,6 @@ if ($_SESSION['authenticated'])
 ?>
     </div>
   </div>
-</div>
 <?php
 
 $runtime_end = utime(); $runtime = $runtime_end - $runtime_start;

html/pages/front/default.php

@@ -11,7 +11,9 @@ echo("<div class=\"front-box $frontbox_class\">
 
 echo('
   <div class="row">
-    <div class="col-md-9">
+    <div class="col-md-8">
+      <div class="row">
+        <div class="col-md-12">
 ');
 
 echo('<div class=front-page>');
@@ -121,7 +123,9 @@ echo('</div>');
 echo('</div>');
 echo('</div>');
 echo('
-  <div class="col-md-3">
+  </div>
+  </div>
+  <div class="col-md-4">
 ');
 
 if ($config['vertical_summary'])
@@ -151,8 +155,8 @@ if ($config['enable_syslog'])
             <div class="col-md-12">
               &nbsp;
             </div>
-          </row>
-          <row>
+          </div>
+          <div class="row">
             <div class="col-md-12">
               <div class="panel panel-default panel-condensed">
               <div class="panel-heading">
@@ -189,8 +193,8 @@ if ($config['enable_syslog'])
             <div class="col-md-12">
               &nbsp;
             </div>
-          </row>
-          <row>
+          </div>
+          <div class="row">
             <div class="col-md-12">
               <div class="panel panel-default panel-condensed">
               <div class="panel-heading">