drop down hover menu now fixes whole page padding

rhodecode/public/css/style.css

@@ -347,10 +347,10 b' div:hover > a.permalink {'
     padding: 0;
     display: block;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -khtml-border-radius: 4px 4px 4px 4px;
-    -moz-border-radius: 4px 4px 4px 4px;
-    border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 0px 0px 4px 4px;
+    -khtml-border-radius: 0px 0px 4px 4px;
+    -moz-border-radius: 0px 0px 4px 4px;
+    border-radius: 0px 0px 4px 4px;
 }
 #header #header-inner.hover {
     width: 100% !important;
@@ -3505,6 +3505,10 b' div.gravatar img {'
     padding: 10px 10px 14px 10px;
 }
 
+#content.hover {
+    padding: 55px 10px 14px 10px !important;
+}
+
 #content div.box div.title div.search {
     border-left: 1px solid #316293;
 }

rhodecode/templates/base/base.html

@@ -361,6 +361,7 b''
 
      YUE.on('header-dd', 'click',function(e){
          YUD.addClass('header-inner', 'hover');
+         YUD.addClass('content', 'hover');
      });
 
 </script>