Index: /trunk/roundcubemail/skins/larry/mail.css
===================================================================
--- /trunk/roundcubemail/skins/larry/mail.css	(revision 5915)
+++ /trunk/roundcubemail/skins/larry/mail.css	(revision 5916)
@@ -700,15 +700,19 @@
 }
 
-#messagepreviewheader .iconlink {
-	text-indent: -1000px;
-	padding: 1px 1px 1px 20px;
-}
-
-#messagepreviewheader .iconlink.add {
-	background-position: -5px -359px;
-}
-
-#messagepreviewheader .iconlink.delete {
-	background-position: -5px -339px;
+#previewheaderstoggle {
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    margin-top: 5px;
+    position: absolute;
+    outline: none;
+}
+
+#previewheaderstoggle.iconlink.add {
+	background-position: -30px -241px;
+}
+
+#previewheaderstoggle.iconlink.remove {
+	background-position: -8px -241px;
 }
 
@@ -780,5 +784,5 @@
 
 #messagepreviewheader .headers-table {
-	margin: 0 -8px;
+	margin-left: 10px;
 }
 
Index: /trunk/roundcubemail/skins/larry/templates/messagepreview.html
===================================================================
--- /trunk/roundcubemail/skins/larry/templates/messagepreview.html	(revision 5915)
+++ /trunk/roundcubemail/skins/larry/templates/messagepreview.html	(revision 5916)
@@ -10,4 +10,6 @@
 <h3 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h3>
 
+<a href="#details" id="previewheaderstoggle" class="iconlink add"></a>
+
 <table class="headers-table" id="preview-shortheaders"><tbody><tr>
 <roundcube:if condition="env:mailbox == config:drafts_mbox || env:mailbox == config:sent_mbox">
@@ -20,5 +22,4 @@
 	<td class="header-title"><roundcube:label name="date" /></td>
 	<td class="header from"><roundcube:object name="messageHeaders" valueOf="date" /></td>
-	<td class="header"><a href="#details" id="previewheaderstoggle" class="iconlink add">Details</a>
 </tr></tbody></table>
 
Index: /trunk/roundcubemail/skins/larry/ui.js
===================================================================
--- /trunk/roundcubemail/skins/larry/ui.js	(revision 5915)
+++ /trunk/roundcubemail/skins/larry/ui.js	(revision 5916)
@@ -463,15 +463,12 @@
   {
     $('#preview-shortheaders').toggle();
-    var full = $('#preview-allheaders').toggle();
-    
+    var full = $('#preview-allheaders').toggle(),
+      button = $('a#previewheaderstoggle');
+
     // add toggle button to full headers table
-    if (!full.data('mod')) {
-      $('<a>').attr('href', '#hide')
-        .addClass('iconlink remove')
-        .html('Hide')
-        .appendTo($('<td>').appendTo($('tr:first', full)))
-        .click(function(){ toggle_preview_headers(this);return false });
-      full.data('mod', true);
-    }
+    if (full.is(':visible'))
+      button.attr('href', '#hide').removeClass('add').addClass('remove')
+    else
+      button.attr('href', '#details').removeClass('remove').addClass('add')
   }
 
