fix(layout): Fixed full-screen container layout padding

`container-liquid` was a css class that no longer exists. As a
consequence the `row` classes were behaving as if they were `form
button.row`s. Resulted in no padding for the page. Updated root layout
to use Bootstrap's container-fluid.

Also added a tiny bit of margin back into the sections on the visualize
page.

src/app/visualize/_visualize.scss

@@ -42,11 +42,6 @@
     }
   }
 
-  .temporalContextLabel {
-    font-size: 8pt;
-    font-weight: normal;
-  }
-
   .loadingImage {
     $loadGifPath: image-url('load.gif');
     background: $loadGifPath center center no-repeat;
@@ -55,6 +50,10 @@
 
   }
 
+  section {
+    margin-bottom: 2px;
+  }
+
   /*
   section {
     //border-bottom: 1px solid $btn-default-border;

src/app/visualize/visualize.tpl.html

@@ -9,7 +9,7 @@ <h2>Audio distribution</h2>
             </p>
         </div>
     </section>
-    <div ng-if="!errorState" event-distribution data="recordingData" options="distributionOptions">
+    <div ng-if="!errorState" event-distribution data="recordingData" options="distributionOptions" class="container-fluid">
         <h2>Audio distribution for
              <span ng-repeat="p in projects">
                  {{:: p.name}}

src/index.html

@@ -79,13 +79,13 @@
 <div growl>
 </div>
 
-<div ng-class="{ 'container-liquid': fullWidth, 'container': !fullWidth }">
+<div ng-class="{ 'container-fluid': fullWidth, 'container': !fullWidth }">
 
     <div class="row">
         <div class="leftMenu col-md-2" ></div>
         <!-- each view must specify the controller they use -->
-        <div id="content-wrapper" ng-class="{ 'container-liquid': fullWidth, 'col-md-8': !fullWidth }" ng-view></div>
         <div class="leftMenu col-md-2" ></div>
+        <div id="content-wrapper" ng-class="{ 'col-md-12': fullWidth, 'col-md-8': !fullWidth }" ng-view></div>
     </div>
 </div>