From c4406a13db61bb546a6da381e42a039a4b70ee07 Mon Sep 17 00:00:00 2001
From: Benedikt Pfeifer <benediktp@ymail.com>
Date: Sun, 6 Dec 2009 01:15:21 +0100
Subject: [PATCH] Theme the message style preview area like a listbox so that
 it looks similar to the emoticon themes preview area.

---
 im/content/instantbird/preferences/messagestyle.js          | 2 +-
 im/content/instantbird/preferences/themes.xul               | 2 +-
 .../instantbird/preferences-gnomestripe/preferences.css     | 6 ++++++
 .../instantbird/preferences-pinstripe/preferences.css       | 6 ++++++
 .../instantbird/preferences-winstripe/preferences.css       | 6 ++++++
 5 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/im/content/instantbird/preferences/messagestyle.js b/im/content/instantbird/preferences/messagestyle.js
index 1987ca0126..05adb33cd5 100644
--- a/im/content/instantbird/preferences/messagestyle.js
+++ b/im/content/instantbird/preferences/messagestyle.js
@@ -162,7 +162,7 @@ var previewObserver = {
     let themeName = document.getElementById("themename");
     if (themeName.value && !themeName.selectedItem)
       themeName.value = themeName.value;
-    previewObserver.browser = document.getElementById("browser");
+    previewObserver.browser = document.getElementById("previewbrowser");
     document.getElementById("showHeaderCheckbox")
             .addEventListener("CheckboxStateChange",
                               previewObserver.showHeaderChanged, false);
diff --git a/im/content/instantbird/preferences/themes.xul b/im/content/instantbird/preferences/themes.xul
index 8b36116168..45dbbb5da1 100644
--- a/im/content/instantbird/preferences/themes.xul
+++ b/im/content/instantbird/preferences/themes.xul
@@ -96,7 +96,7 @@
                 </vbox>
               </hbox>
             </vbox>
-            <browser flex="1" id="browser" type="content-conversation"/>
+            <browser flex="1" id="previewbrowser" type="content-conversation"/>
           </deck>
           <hbox align="baseline">
             <label value="&messageStyleVariant.label;" control="themevariant"/>
diff --git a/im/themes/winstripe/instantbird/preferences-gnomestripe/preferences.css b/im/themes/winstripe/instantbird/preferences-gnomestripe/preferences.css
index e2216e5f20..3f445f9d07 100644
--- a/im/themes/winstripe/instantbird/preferences-gnomestripe/preferences.css
+++ b/im/themes/winstripe/instantbird/preferences-gnomestripe/preferences.css
@@ -170,6 +170,12 @@ radio[pane=paneAdvanced] {
   margin-top: 0;
 }
 
+/* Display the message theme preview browser with borders like a listbox */
+#previewbrowser {
+  -moz-appearance: listbox;
+  margin: 2px 4px;
+}
+
 /**
  * No message theme preview message box
  */
diff --git a/im/themes/winstripe/instantbird/preferences-pinstripe/preferences.css b/im/themes/winstripe/instantbird/preferences-pinstripe/preferences.css
index ce0f3a61b3..56eaaf419c 100644
--- a/im/themes/winstripe/instantbird/preferences-pinstripe/preferences.css
+++ b/im/themes/winstripe/instantbird/preferences-pinstripe/preferences.css
@@ -255,6 +255,12 @@ caption {
   margin-top: 0;
 }
 
+/* Display the message theme preview browser with borders like a listbox */
+#previewbrowser {
+  -moz-appearance: listbox;
+  margin: 2px 4px;
+}
+
 /**
  * No message theme preview message box
  */
diff --git a/im/themes/winstripe/instantbird/preferences-winstripe/preferences.css b/im/themes/winstripe/instantbird/preferences-winstripe/preferences.css
index f69327ca05..5514e25acf 100644
--- a/im/themes/winstripe/instantbird/preferences-winstripe/preferences.css
+++ b/im/themes/winstripe/instantbird/preferences-winstripe/preferences.css
@@ -186,6 +186,12 @@ radio[pane=paneAdvanced][selected="true"] {
   padding-bottom: 4px;
 }
 
+/* Display the message theme preview browser with borders like a listbox */
+#previewbrowser {
+  -moz-appearance: listbox;
+  margin: 2px 4px;
+}
+
 /* No message theme preview message box */
 
 #noPreviewScreen {