azkaban-uncached

diff --git a/src/java/azkaban/webapp/servlet/velocity/flowgraphview.vm b/src/java/azkaban/webapp/servlet/velocity/flowgraphview.vm
index 5954e96..aac3148 100644
--- a/src/java/azkaban/webapp/servlet/velocity/flowgraphview.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/flowgraphview.vm
@@ -17,8 +17,8 @@
 
  	## Graph view.
  
-			<div class="row" id="graphView">
-				<div class="col-lg-4">
+			<div class="row row-offcanvas row-offcanvas-left" id="graphView">
+				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
 					<div class="panel panel-default" id="jobList">
 						<div class="panel-heading">
 							<input id="filter" type="text" placeholder="Job Filter" class="form-control">
@@ -29,7 +29,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="col-lg-8">
+				<div class="col-xs-12 col-sm-9">
 					<div id="svgDiv" class="well well-clear well-sm">
 						<svg id="flow-graph" xmlns="http://www.w3.org/2000/svg" version="1.1" shape-rendering="optimize-speed" text-rendering="optimize-speed">
 						</svg>

diff --git a/src/java/azkaban/webapp/servlet/velocity/jobpage.vm b/src/java/azkaban/webapp/servlet/velocity/jobpage.vm
index 61fcbc5..46bf33a 100644
--- a/src/java/azkaban/webapp/servlet/velocity/jobpage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/jobpage.vm
@@ -74,8 +74,8 @@
         <li class="active"><strong>Job</strong> $jobid</li>
       </ol>
 
-			<div class="row">
-				<div class="col-lg-8">
+			<div class="row row-offcanvas row-offcanvas-right">
+				<div class="col-xs-12 col-sm-9">
 	
 	## Job details table
 
@@ -105,7 +105,7 @@
 						</table>
 					</div>
 				</div><!-- /col-lg-8 -->
-				<div class="col-lg-4">
+				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
 					<div class="well" id="job-summary">
 						<h3>Job <small>$jobid</small></h3>
 						<p><strong>Job Type</strong> $jobtype</p>

diff --git a/src/java/azkaban/webapp/servlet/velocity/permissionspage.vm b/src/java/azkaban/webapp/servlet/velocity/permissionspage.vm
index b017666..fd687c5 100644
--- a/src/java/azkaban/webapp/servlet/velocity/permissionspage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/permissionspage.vm
@@ -53,8 +53,8 @@
   ## Page content.
 
 		<div class="container-full">
-			<div class="row">
-				<div class="col-lg-8">
+			<div class="row row-offcanvas row-offcanvas-right">
+				<div class="col-xs-12 col-sm-9">
 	
 	#set ($project_page = "permissions")
 	#parse ("azkaban/webapp/servlet/velocity/projectnav.vm")
@@ -234,7 +234,7 @@
           </div>
 	
 				</div><!-- /col-lg-8 -->
-				<div class="col-lg-4">
+				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
 	#parse ("azkaban/webapp/servlet/velocity/projectsidebar.vm")
 				</div><!-- /col-lg-4 -->
 			</div><!-- /row -->

diff --git a/src/java/azkaban/webapp/servlet/velocity/projectlogpage.vm b/src/java/azkaban/webapp/servlet/velocity/projectlogpage.vm
index 5051228..cf106a0 100644
--- a/src/java/azkaban/webapp/servlet/velocity/projectlogpage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/projectlogpage.vm
@@ -55,8 +55,8 @@
 	## Page content.
 
 		<div class="container-full">
-			<div class="row">
-				<div class="col-lg-8">
+			<div class="row row-offcanvas row-offcanvas-right">
+				<div class="col-xs-12 col-sm-9">
 	
 	#set ($project_page = "logs")
 	#parse ("azkaban/webapp/servlet/velocity/projectnav.vm")
@@ -82,7 +82,7 @@
 						</table>
 					</div>
 				</div>
-				<div class="col-lg-4">
+				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
 	#parse ("azkaban/webapp/servlet/velocity/projectsidebar.vm")
 				</div>
 			</div>

diff --git a/src/java/azkaban/webapp/servlet/velocity/projectpage.vm b/src/java/azkaban/webapp/servlet/velocity/projectpage.vm
index 3938b28..4be989d 100644
--- a/src/java/azkaban/webapp/servlet/velocity/projectpage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/projectpage.vm
@@ -60,8 +60,8 @@
 	## Page content.
 
     <div class="container-full">
-			<div class="row">
-				<div class="col-lg-8" id="flow-tabs">
+			<div class="row row-offcanvas row-offcanvas-right">
+				<div class="col-xs-12 col-sm-9" id="flow-tabs">
 					
 	#set ($project_page = "flows")
 	#parse ("azkaban/webapp/servlet/velocity/projectnav.vm")
@@ -95,7 +95,7 @@
           </div><!-- /#flow-tabs -->
 				</div><!-- /col-lg-8 -->
 
-				<div class="col-lg-4">
+				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
 	#parse ("azkaban/webapp/servlet/velocity/projectsidebar.vm")
 				</div><!-- /col-lg-4 -->
 			</div><!-- /row -->

diff --git a/src/java/azkaban/webapp/servlet/velocity/propertypage.vm b/src/java/azkaban/webapp/servlet/velocity/propertypage.vm
index 5569b0a..07b0cfa 100644
--- a/src/java/azkaban/webapp/servlet/velocity/propertypage.vm
+++ b/src/java/azkaban/webapp/servlet/velocity/propertypage.vm
@@ -52,8 +52,8 @@
 		</div>
 
 		<div class="container-full">
-			<div class="row">
-				<div class="col-lg-8">
+			<div class="row row-offcanvas row-offcanvas-right">
+				<div class="col-xs-12 col-sm-9">
 
 	## Breadcrumb
 
@@ -87,7 +87,7 @@
 						</table>
 					</div>
 				</div><!-- /col-lg-8 -->
-				<div class="col-lg-4">
+				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
 					<div class="well" id="job-summary">
 						<h4>Properties <small>$property</small></h4>
 						<p><strong>Job</strong> $jobid</p>

diff --git a/src/less/flow.less b/src/less/flow.less
index 18ebb29..6a52d73 100644
--- a/src/less/flow.less
+++ b/src/less/flow.less
@@ -1,5 +1,5 @@
 #flow-graph {
-  width: 750px;
+  width: 100%;
   height: 500px;
 }