From 65c17a2d88378527a49551c8ce079ce1d18c7295 Mon Sep 17 00:00:00 2001
From: Scott Taylor <wonderboymusic@git.wordpress.org>
Date: Wed, 18 Nov 2015 18:54:05 +0000
Subject: [PATCH] After [35616], improve the consistency of tabs styling.

Props afercia.
Fixes #34214.


git-svn-id: https://develop.svn.wordpress.org/trunk@35673 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/about.css  |  4 +++-
 src/wp-admin/css/common.css | 18 +++++++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
index 29689066da..b9b8107e35 100644
--- a/src/wp-admin/css/about.css
+++ b/src/wp-admin/css/about.css
@@ -79,7 +79,9 @@
 
 /* Tabs */
 
-.about-wrap h2 .nav-tab {
+.about-wrap .nav-tab {
+	padding-right: 15px;
+	padding-left: 15px;
 	font-size: 18px;
 }
 
diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 81afe4f925..385a213c0e 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -1997,12 +1997,12 @@ html.wp-toolbar {
 ------------------------------------------------------------------------------*/
 
 .nav-tab {
-	display: inline-block;
+	float: left;
 	border: 1px solid #ccc;
 	border-bottom: none;
-	margin: 0 5px 0 0;
-	padding: 6px 10px;
-	font-size: 15px;
+	margin-left: 0.5em; /* half the font size so set the font size properly */
+	padding: 5px 10px;
+	font-size: 14px;
 	line-height: 24px;
 	font-weight: 600;
 	background: #e4e4e4;
@@ -2044,17 +2044,21 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */
 	color: #000;
 }
 
-/* @todo: consider to use flexbox to reset white space between inline-block elements. */
 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
 h3.nav-tab-wrapper {
 	border-bottom: 1px solid #ccc;
 	margin: 0;
-	padding: 9px 15px 0 6px;
-	font-size: 1px; /* normalize white space between inline-block elements */
+	padding: 9px 15px 0 0;
 	line-height: inherit;
 }
 
+/* contain floats */
+.nav-tab-wrapper:after {
+	content: "";
+	display: table;
+	clear: both;
+}
 
 /*------------------------------------------------------------------------------
   26.0 - Misc