diff --git a/reviewboard/static/rb/css/common.less b/reviewboard/static/rb/css/common.less
index 6197875fefd9812afd56a3d604fcfe6ee60a1331..67d6916ff0229cb602e9202ee91ee02d3d7b8b36 100644
--- a/reviewboard/static/rb/css/common.less
+++ b/reviewboard/static/rb/css/common.less
@@ -105,6 +105,12 @@ span {
 }
 
 .datagrid {
+  .on-mobile-medium-screen-720({
+    .age1, .age2, .age3, .age4, .age5 {
+      white-space: normal !important;
+    }
+  });
+
   tr:last-child {
     td:first-child {
       .border-radius(0 0 0 @box-border-radius);
diff --git a/reviewboard/static/rb/css/pages/dashboard.less b/reviewboard/static/rb/css/pages/dashboard.less
index 516f0b65c457a98235b7ef80ae1bfdf12c1d0eac..c92da25657e66dd0034048e280db627add3f3bfc 100644
--- a/reviewboard/static/rb/css/pages/dashboard.less
+++ b/reviewboard/static/rb/css/pages/dashboard.less
@@ -34,6 +34,9 @@
   vertical-align: top;
   margin-left: @dashboard-sidebar-width;
   .border-radius(0 @box-inner-border-radius @box-inner-border-radius 0);
+  .on-mobile-medium-screen-720({
+    margin-left: 0;
+  });
 
   table:after {
     clear: both;
@@ -55,6 +58,9 @@
 
   .datagrid-title {
     background: transparent;
+    .on-mobile-medium-screen-720({
+      padding-left: 30px;
+    });
   }
 
   .datagrid-wrapper {
@@ -130,6 +136,31 @@
   .box-sizing(border-box);
 }
 
+#dashboard-toggle-sidebar {
+  #dashboard-toggle-button {
+    position: absolute;
+    left: 0;
+    background-color: @dashboard-sidebar-bg;
+    width: 20px;
+    height: 25px;
+    pointer: cursor;
+    border: 1px @box-border-color solid;
+    .border-radius(0 @box-inner-border-radius @box-inner-border-radius 0);
+  }
+
+  .on-mobile-medium-screen-720 ({
+    &:hover {
+      #dashboard_sidebar {
+        display: block;
+      }
+    }
+
+    #dashboard_sidebar {
+      display: none;
+    }
+  });
+}
+
 #dashboard_sidebar {
   float: left;
   position: left;
@@ -137,6 +168,7 @@
   bottom: 1px;
   position: left;
   width: @dashboard-sidebar-width;
+  background-color: @dashboard-sidebar-bg;
 
   &.scrollable {
     float: none;
diff --git a/reviewboard/static/rb/css/pages/newReviewRequest.less b/reviewboard/static/rb/css/pages/newReviewRequest.less
index a8a6e86464c3a211791818caceaaf20c39bc8435..f2a0f3576b44a903f33d15ba97ab33537a090a3d 100644
--- a/reviewboard/static/rb/css/pages/newReviewRequest.less
+++ b/reviewboard/static/rb/css/pages/newReviewRequest.less
@@ -13,6 +13,21 @@
   height: @default-height;
   display: none;
 
+  .sidebar {
+    &:hover .repository-selector {
+      display: block;
+    }
+
+    #sidebar-toggle {
+      position: absolute;
+      left: 0;
+      height: 30px;
+      width: 30px;
+      background-color: @headerbar-bg;
+      .border-radius(0 @box-inner-border-radius @box-inner-border-radius 0);
+    }
+  }
+
   .repository-selector {
     float: left;
     width: 20em;
@@ -24,6 +39,12 @@
     overflow-x: hidden;
     position: relative;
 
+    .on-mobile-medium-screen-720({
+      display: none;
+      position: absolute;
+      z-index: @z-index-base;
+    });
+
     h3 {
       padding: 0;
       margin: 1em;
@@ -73,6 +94,10 @@
     margin-left: 20em;
     background-color: lighten(@light-grey, 4%);
 
+    .on-mobile-medium-screen-720({
+      margin-left: 0;
+    });
+
     .hint {
       background-color: white;
       height: @default-height;
@@ -181,6 +206,10 @@
       white-space: nowrap;
       text-overflow: ellipsis;
       vertical-align: bottom;
+      .on-mobile-medium-screen-720({
+        width: auto;
+        white-space: normal;
+      });
     }
 
     .jump-to-commit {
@@ -235,6 +264,10 @@
     margin: 14em;
     text-align: center;
 
+    .on-mobile-medium-screen-720({
+      margin: 6em;
+    });
+
     input {
       margin-top: 2em;
     }
diff --git a/reviewboard/static/rb/js/common.js b/reviewboard/static/rb/js/common.js
index 9e45b45ebe951b57047d6bd8b158024dae6a3662..9a8ebf2d56b7f22bffc109d8129fab9e1c09b06c 100644
--- a/reviewboard/static/rb/js/common.js
+++ b/reviewboard/static/rb/js/common.js
@@ -249,11 +249,13 @@ $.fn.mobileMenuToggle = function(toggle) {
     if (toggle){
         $('#navbar-container').animate({left:0}, function(){$(this).addClass("menu-active")});
         $("#mobile-menu-mask").show();
+        $('body').css("overflow","hidden");
     }
     else
     {
         $("#mobile-menu-mask").hide();
-        $('#navbar-container').animate({left:-160}, function(){$(this).removeClass("menu-active")});
+        $('#navbar-container').animate({left:-245}, function(){$(this).removeClass("menu-active")});
+        $('body').css("overflow","visible");
     }
 }
 
diff --git a/reviewboard/static/rb/js/newReviewRequest/views/newReviewRequestView.js b/reviewboard/static/rb/js/newReviewRequest/views/newReviewRequestView.js
index 6ed070ebdfb73a8dcc4cefc76fcaf9c8ffa795b7..a8b93f927cb5d8b05735d30a5d86f6f5201992d2 100644
--- a/reviewboard/static/rb/js/newReviewRequest/views/newReviewRequestView.js
+++ b/reviewboard/static/rb/js/newReviewRequest/views/newReviewRequestView.js
@@ -80,7 +80,7 @@ RB.NewReviewRequestView = Backbone.View.extend({
     el: '#new-review-request',
 
     template: _.template([
-        '<div class="sidebar"></div>',
+        '<div class="sidebar"><div id="sidebar-toggle">=</div></div>',
         '<div class="main">',
         ' <div class="hint"><%- hint %></div>',
         '</div>'
diff --git a/reviewboard/templates/datagrids/datagrid.html b/reviewboard/templates/datagrids/datagrid.html
index 4a3cf32430ca804c14f20d103f39963239e80fc0..1ebcd7aaaaea91154e96be1abf10f1849a4c2375 100644
--- a/reviewboard/templates/datagrids/datagrid.html
+++ b/reviewboard/templates/datagrids/datagrid.html
@@ -15,14 +15,17 @@
 <div id="dashboard_container">
 {%  box "dashboard" %}
  <div id="dashboard-wrapper">
-  <div id="dashboard_sidebar"{% if datagrid.sidebar.css_classes %} class="{{datagrid.sidebar.css_classes|join:' '}}"{% endif %}>
-   <ul id="dashboard-navbar">
+  <div id="dashboard-toggle-sidebar">
+   <div id="dashboard-toggle-button">=</div>
+   <div id="dashboard_sidebar"{% if datagrid.sidebar.css_classes %} class="{{datagrid.sidebar.css_classes|join:' '}}"{% endif %}>
+    <ul id="dashboard-navbar">
 {%   for item in datagrid.sidebar_items %}
 {%    if item.is_visible %}
 {{item.render}}
 {%    endif %}
 {%   endfor %}
-   </ul>
+    </ul>
+   </div>
   </div>
   <div id="dashboard-main" class="clearfix">
 {{datagrid.render_listview}}