Modified default <p> rule to fix Hotmail's style overriding. When com…

…posing, paragraphs are now spaced correctly when rendered.

README.md

@@ -162,11 +162,10 @@ Short answer: Gmail and Thunderbird are great. More info about some clients can
   </tr>
   <tr>
     <th>Hotmail</th>
-    <td>Paragraphs don't appear spaced correctly. (But they do appear spaced correctly when viewed by recipients.)</td>
+    <td>&#x2713;</td>
     <td>&#x2713;</td>
     <td>
-      Email from received from Yahoo does not display with properly separated paragraphs. (Hotmail strips styling off <code>&lt;p&gt;</code> and <code>&lt;div&gt;</code> tags, and Yahoo uses the latter for paragraphs.)<p>
-      Code blocks with very dark backgrounds aren't displayed correctly.
+      Email received from Yahoo does not display with properly separated paragraphs. (Hotmail strips styling off <code>&lt;p&gt;</code> and <code>&lt;div&gt;</code> tags, and Yahoo uses the latter for paragraphs.)
     </td>
     <td>No reply exclusion.</td>
   </tr>

src/common/CHANGES.md

@@ -29,6 +29,8 @@ Change Log
 
 * Added a "Basic Usage" section to the options page. This is in response to [a tweet](https://twitter.com/KSuzukiii/status/294376172295446528) from user KSuzukii.
 
+* Yahoo and Outlook.com (Hotmail) now work a bit better.
+
 2013-01-02: v2.6.4
 ------------------
 

src/common/default.css

@@ -41,7 +41,13 @@ pre code {
 }
 
 /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing. */
-p, table, pre, dl, blockquote, q, ul, ol {
+p {
+  /* !important is needed here because Hotmail/Outlook.com uses !important to
+     kill the margin in <p>. We need this to win. */
+  margin: 1.2em 0 !important;
+}
+
+table, pre, dl, blockquote, q, ul, ol {
   margin: 1.2em 0;
 }
 
@@ -55,7 +61,8 @@ li {
 
 /* Space paragraphs in a list the same as the list itself. */
 li p {
-  margin: 0.5em 0;
+  /* Needs !important to override rule above. */
+  margin: 0.5em 0 !important;
 }
 
 /* Smaller spacing for sub-lists */