css browser/index.html Uploads always visible

Extracted the uploads recap from the top container in order to change
the z-index to a higher value than the db_div

browser/css/dark.css

@@ -57,6 +57,15 @@ ul {
   position: fixed;
   z-index: 1;
 }
+#upload_summary {
+  float: right;
+  display: none;
+  margin-right: 200px;
+  position: relative;
+  right: 200px;
+  z-index: 10;
+  background-color: #000000;
+}
 #menu-container {
   background: inherit;
 }

browser/css/light.css

@@ -57,6 +57,15 @@ ul {
   position: fixed;
   z-index: 1;
 }
+#upload_summary {
+  float: right;
+  display: none;
+  margin-right: 200px;
+  position: relative;
+  right: 200px;
+  z-index: 10;
+  background-color: #ffffff;
+}
 #menu-container {
   background: inherit;
 }

browser/css/svg.css

@@ -56,6 +56,15 @@ ul {
   position: fixed;
   z-index: 1;
 }
+#upload_summary {
+  float: right;
+  display: none;
+  margin-right: 200px;
+  position: relative;
+  right: 200px;
+  z-index: 10;
+  background-color: #FFFFFF;
+}
 #menu-container {
   background: inherit;
 }

browser/css/talk.css

@@ -57,6 +57,15 @@ ul {
   position: fixed;
   z-index: 1;
 }
+#upload_summary {
+  float: right;
+  display: none;
+  margin-right: 200px;
+  position: relative;
+  right: 200px;
+  z-index: 10;
+  background-color: #ffffff;
+}
 #menu-container {
   background: inherit;
 }

browser/css/vidjil.less

@@ -85,6 +85,16 @@ ul{
   z-index:1;
 }
 
+#upload_summary {
+  float: right;
+  display:none;
+  margin-right: 200px;
+  position: relative;
+  right: 200px;
+  z-index: 10;
+  background-color: @background;
+}
+
 #menu-container {
     background: inherit;
 }

browser/index.html

@@ -68,8 +68,15 @@
                                     m.loadAnalysis('upload_analysis');">start</button> 
         </div>
         
+        <div id="upload_summary" style="" class="menu" onmouseover="showSelector('upload_summary_selector');" onmouseout="hideSelector();">
+            <span id="upload_summary_label">upload</span>
+            <div id="upload_summary_selector" class="selector"><div>
+
+            </div></div>
+        </div>
+
         <!-- TOP-CONTAINER -->
-        <div id="top-container">
+        <div id="top-container" onmouseout="hideSelector()">
             <div id="menu-container">
                 <div class="menu" id="top_info">
                     <!--Div is filled programmatically -->
@@ -245,13 +252,6 @@
                 </div></div>
             </div>
 
-            <div id="upload_summary" style="float: right; display:none; margin-right: 200px;" class="menu" onmouseover="showSelector('upload_summary_selector');"> 
-                <span id="upload_summary_label">upload</span>
-                <div id="upload_summary_selector" class="selector"><div>
-
-                </div></div>
-            </div>
-
             <div id="fps" style="float: right; display: none"> </div>
             <div id="header_messages" class="message_container header"></div>