From 4f9d20fe5ae08ff1c9ffa97c4bf2be306bcbb5bb Mon Sep 17 00:00:00 2001
From: Ella Iseulde Van Dorpe <iseulde@git.wordpress.org>
Date: Sat, 25 Jul 2015 13:11:32 +0000
Subject: [PATCH] Editor: add space around aligned images

Also increase the font size of captions.

Part props jmichaelward.
Fixes #32176.


git-svn-id: https://develop.svn.wordpress.org/trunk@33415 602fd350-edb4-49c9-b593-d223f7449a82
---
 .../js/tinymce/skins/wordpress/wp-content.css | 62 +++++++------------
 1 file changed, 24 insertions(+), 38 deletions(-)

diff --git a/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css b/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css
index 598089240a..53e6d541f7 100644
--- a/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css
+++ b/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css
@@ -71,45 +71,16 @@ img.emoji {
 	box-shadow: none !important;
 }
 
-.aligncenter,
-dl.aligncenter,
-.html5-captions .wp-caption.aligncenter {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.alignleft {
-	float: left;
-}
-
-.alignright {
-	float: right;
-}
-
-.wp-caption {
-	border: 1px solid #ddd;
-	text-align: center;
-	background-color: #f3f3f3;
-	padding-top: 4px;
-	margin: 10px 0;
-}
-
-.html5-captions .wp-caption {
-	border: none;
-	background-color: transparent;
-	margin: 0;
-	padding: 0;
-}
-
 .mceIEcenter {
 	text-align: center;
 }
 
-.wp-caption img {
+.wp-caption {
 	margin: 0;
-	padding: 0;
-	border: 0 none;
+}
+
+.wp-caption img {
+	display: block;
 }
 
 div.mceTemp {
@@ -122,10 +93,25 @@ dl.wp-caption * {
 }
 
 .wp-caption-dd {
-	font-size: 11px;
-	line-height: 17px;
-	padding: 0 4px 5px;
-	margin: 0;
+	font-size: 14px;
+	padding-top: 0.5em;
+	margin: 0; /* browser reset */
+}
+
+.aligncenter {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.alignleft {
+	float: left;
+	margin: 0.5em 1em 0.5em 0;
+}
+
+.alignright {
+	float: right;
+	margin: 0.5em 0 0.5em 1em;
 }
 
 /* Remove blue highlighting of selected images in WebKit */