diff --git a/vipra-ui/app/html/explorer.html b/vipra-ui/app/html/explorer.html
index f6f84ae38371b98669b99d7b4a9d2f0b8c7ebe6f..29eac0391b3f56ed891d00672a91de047a0f70ff 100644
--- a/vipra-ui/app/html/explorer.html
+++ b/vipra-ui/app/html/explorer.html
@@ -113,7 +113,7 @@
               <sequence-dropdown ng-model="explorerModels.activeSequence" sequences="explorerModels.activeTopic.sequences"></sequence-dropdown>
               <button class="btn btn-sm btn-default" ng-click="clearSequence()" ng-disabled="!explorerModels.activeSequence">Clear</button>
             </div>
-            <table class="table table-bordered table-condensed table-fixed">
+            <table class="table table-bordered table-condensed table-fixed table-hover">
               <thead>
                 <tr>
                   <th ng-model="explorerModels.articlesSort" sort-by="title">Article</th>
diff --git a/vipra-ui/app/html/index.html b/vipra-ui/app/html/index.html
index e6a81833a06b7327e7d85b093e6e091c6070ee2e..9ad843e13a6051c1884d3b8a91d7536ff6a3fb8f 100644
--- a/vipra-ui/app/html/index.html
+++ b/vipra-ui/app/html/index.html
@@ -62,7 +62,8 @@
   <div class="container-fluid" ng-show="!searching && !search">
     <div class="container">
       <div class="row">
-        <div class="col-xs-offset-1 col-xs-5">
+        <div class="col-xs-offset-1 col-xs-5 text-center">
+          <h3>Screencast</h3>
           <div class="embed-responsive embed-responsive-16by9 media-box">
             <video controls muted poster="img/vipra-screencast.png">
               <source src="//ftp.cochu.io/vipra/screencast.mp4" type="video/mp4">
@@ -71,7 +72,8 @@
             </video>
           </div>
         </div>
-        <div class="col-xs-5">
+        <div class="col-xs-5 text-center">
+          <h3>Introduction slides</h3>
           <div class="embed-responsive embed-responsive-16by9 media-box">
             <a ui-sref="slides">
               <img src="img/vipra-slides.png" class="slides-thumb">
diff --git a/vipra-ui/app/img/vipra-screencast.png b/vipra-ui/app/img/vipra-screencast.png
index 1e6b07859bd049f865d18a05481b9ef80d589000..1899f932bd4c766bb073d5c6baab87634d4cb158 100644
Binary files a/vipra-ui/app/img/vipra-screencast.png and b/vipra-ui/app/img/vipra-screencast.png differ
diff --git a/vipra-ui/app/img/vipra-slides.png b/vipra-ui/app/img/vipra-slides.png
index f7393f4b5b8b0d5a0e75edda40c46e8e356dac34..ea4afb01c7d6eaecbca429e545d84d53547d443c 100644
Binary files a/vipra-ui/app/img/vipra-slides.png and b/vipra-ui/app/img/vipra-slides.png differ
diff --git a/vipra-ui/app/js/controllers.js b/vipra-ui/app/js/controllers.js
index 31e0a483faab4d1daa916a9bc25ab59fb69146d0..f6b4144a3a4d3aacfd984364e579efafa9b59177 100644
--- a/vipra-ui/app/js/controllers.js
+++ b/vipra-ui/app/js/controllers.js
@@ -679,26 +679,27 @@
       $timeout(function() {
         $('#outer').layout({
           applyDefaultStyles: true,
-          south__size: '50%'
-        });
-        $('#upper').layout({
-          applyDefaultStyles: true,
-          center__onresize: function() {
-            $scope.reflowCharts();
-          },
-          west: {
-            size: 250
-          }
-        });
-        $('#lower').layout({
-          applyDefaultStyles: true,
-          center__onresize: function() {
-            $scope.reflowCharts();
+          south__size: '50%',
+          center__childOptions: {
+            applyDefaultStyles: true,
+            center__onresize: function() {
+              $scope.reflowCharts();
+            },
+            west: {
+              size: 250
+            }
           },
-          west: {
-            size: 250
+          south__childOptions: {
+            applyDefaultStyles: true,
+            center__onresize: function() {
+              $scope.reflowCharts();
+            },
+            west: {
+              size: 250
+            }
           }
         });
+        $scope.reflowCharts();
       });
 
       var avgMax = 0,