Tweak figure styles based on visual diff testing

* These bring figure rendering with whitespace much closer to
  the PHP parser rendering. Someone with better CSS chops should
  be able to verify / tweak this more.

Change-Id: Ia5cc191a57a34c04189ee57f6bde0387e9e683aa

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index b3d1613..4ac86c9 100644 (file)
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -90,7 +90,7 @@ figure[typeof*='mw:Image'] {
                /* In mw-core the font-size is duplicated, 94% in thumbiner
                 * and again 94% in thumbcaption. 88% for font size of the
                 * caption results in the same behavior. */
-               font-size: 88%;
+               font-size: 88.4%;
                line-height: 1.4em;
                text-align: left;
 
@@ -98,7 +98,7 @@ figure[typeof*='mw:Image'] {
                border-top: 0;
 
                /* taken from .thumbcaption, plus .thumbinner */
-               padding: 1px 5px 5px;
+               padding: 0 6px 6px 6px;
                background-color: #f9f9f9;
 
                table {