Fixed offcanvas padding to be so very variable. Yay LESS!

themes/bootstrap3/less/bootstrap.less

@@ -546,7 +546,7 @@ li.jstree-facet ul {padding-left: 20px;}
 
 /* --- Offcanvas --- */
 @offcanvas-offset: 75%;
-@offcanvas-padding: 25px;
+@offcanvas-padding: 30px;
 
 .offcanvas-overlay,
 .offcanvas-toggle {display: none;}
@@ -563,7 +563,7 @@ li.jstree-facet ul {padding-left: 20px;}
       padding-right: 0;
       overflow-y: auto;
       h4 {padding-left: @padding-base-horizontal;}
-      .checkbox {margin-left: 20px+@padding-base-horizontal;}
+      .checkbox {margin-left: calc(20px + @padding-base-horizontal);}
       .list-group, .list-group-item {
         border-left: 0;
         border-right: 0;
@@ -572,10 +572,8 @@ li.jstree-facet ul {padding-left: 20px;}
     }
     &.active {overflow-y: hidden;}
     &.offcanvas-left {
-      & > .container {
-        background: #FFF;
-        padding-left: @offcanvas-padding;
-      }
+      padding-left: calc(@offcanvas-padding - @grid-gutter-width/2);
+      & .main {background: #FFF;}
       &.active {
         margin-left: @offcanvas-offset;
         margin-right: -@offcanvas-offset;
@@ -591,10 +589,8 @@ li.jstree-facet ul {padding-left: 20px;}
       }
     }
     &.offcanvas-right {
-      & > .container {
-        background: #FFF;
-        padding-right: @offcanvas-padding;
-      }
+      padding-right: calc(@offcanvas-padding - @grid-gutter-width/2);
+      & .main > .container {background: #FFF;}
       &.active {
         margin-left: -@offcanvas-offset;
         margin-right: @offcanvas-offset;
@@ -622,7 +618,7 @@ li.jstree-facet ul {padding-left: 20px;}
       display: block;
       position: fixed;
       top: 50%;
-      width: @offcanvas-padding;
+      width: calc(@offcanvas-padding - 5px);
       padding: 20px 0;
       background: @brand-primary;
       color: #EEE;