diff --git a/Netdisco/public/css/netdisco.css b/Netdisco/public/css/netdisco.css
index 5cec14ae..f7e527dc 100644
--- a/Netdisco/public/css/netdisco.css
+++ b/Netdisco/public/css/netdisco.css
@@ -205,9 +205,9 @@ h3.device_label {
/* for placing the sidebar toggle icons */
#sidebar_toggle_img_in {
- float: right;
- margin-top: -7px;
- margin-right: -16px;
+ float: left;
+ margin-top: -6px;
+ margin-left: -18px;
cursor: pointer;
}
@@ -226,8 +226,7 @@ h3.device_label {
/* make the sidebar fixed on the screen */
.container-fluid > .sidebar {
- position: fixed;
- margin-top: 50px;
+ position: absolute;
right: 20px;
width: 200px;
left: auto;
diff --git a/Netdisco/public/javascripts/netdisco.js b/Netdisco/public/javascripts/netdisco.js
index 7ae94887..95b2dee9 100644
--- a/Netdisco/public/javascripts/netdisco.js
+++ b/Netdisco/public/javascripts/netdisco.js
@@ -120,7 +120,7 @@ $(document).ready(function() {
$('.sidebar').toggle(
function() {
$('#sidebar_toggle_img_out').toggle();
- $('.content').animate({'margin-right': '10px !important'}, 100);
+ $('.content').animate({'margin-right': '10px !important'}, 50);
$('.device_label_right').toggle();
}
);
@@ -129,10 +129,11 @@ $(document).ready(function() {
$('#sidebar_toggle_img_out').click(
function() {
$('#sidebar_toggle_img_out').toggle();
- $('.content').animate({'margin-right': '220px !important'}, 200,
+ $('.content').animate({'margin-right': '220px !important'}, 100,
function() {
$('.device_label_right').toggle();
$('.sidebar').toggle(200);
+ $(window).scrollTop(0);
}
);
}
diff --git a/Netdisco/views/device.tt b/Netdisco/views/device.tt
index ac78aad8..d9d276bd 100644
--- a/Netdisco/views/device.tt
+++ b/Netdisco/views/device.tt
@@ -1,12 +1,12 @@