diff --git a/web/css/page.css b/web/css/page.css
index c8a16e4..d7963f6 100644
--- a/web/css/page.css
+++ b/web/css/page.css
@@ -99,9 +99,9 @@
.recordDetailOverlay{
z-index: 1;
- width: 61.8%;
height: 100%;
position: fixed;
+ left: 35%;
right: 0;
background: #FFF;
border-left: 1px solid #CCC;
diff --git a/web/index.html b/web/index.html
index ed3586c..efb5ef8 100644
--- a/web/index.html
+++ b/web/index.html
@@ -8,7 +8,7 @@
diff --git a/web/page.js b/web/page.js
index 2154117..393076a 100644
--- a/web/page.js
+++ b/web/page.js
@@ -144,7 +144,7 @@ seajs.use(['$','Underscore' ,'Backbone'], function($, _, Backbone) {
});
$(document).on("keyup",function(e){
- if(e.keyCode == 88 && e.ctrlKey){ //ctrl x
+ if(e.keyCode == 88 && e.ctrlKey){ // ctrl + x
clearLogs();
}else{
console.log("key up");
@@ -178,7 +178,7 @@ seajs.use(['$','Underscore' ,'Backbone'], function($, _, Backbone) {
//draggable panel
(function(){
- var i = 0;
+ var i = 0;
var dragging = false,
pageX = 0;
$('#dragbar').mousedown(function(e){
@@ -204,7 +204,6 @@ seajs.use(['$','Underscore' ,'Backbone'], function($, _, Backbone) {
if (dragging) {
var deltaPageX = e.pageX - pageX;
- $('.J_recordDetailOverlay').css("width",$('.J_recordDetailOverlay').width() - deltaPageX);
$('.J_recordDetailOverlay').css("left",pageX + deltaPageX);
if($('.J_recordDetailOverlay').width()<=100){
$('.J_recordDetailOverlay').animate({