From caabee00186f5f0c72073a515bd333df60028d7b Mon Sep 17 00:00:00 2001
From: Rick Banister <rick.banister@automattic.com>
Date: Fri, 20 Nov 2015 16:24:34 -0500
Subject: [PATCH] Plugins: working through the plugins css to remove all
 instances of `font-size: 10px;` and replacing it with 11px (our minimum size
 for text)

I also made tweaks to align things that moved due to the change to 11px.
I also noticed while doing this that there were styles that had broken related to the Jetpack Disconnect button.
---
 client/my-sites/plugins/plugin-action/style.scss      |  4 ++--
 .../plugins/plugin-activate-toggle/style.scss         |  4 +++-
 client/my-sites/plugins/plugin-item/style.scss        |  3 +--
 client/my-sites/plugins/plugin-meta/style.scss        |  4 ++--
 client/my-sites/plugins/plugin-ratings/style.scss     | 11 ++++++-----
 .../my-sites/plugins/plugin-remove-button/style.scss  |  2 +-
 client/my-sites/plugins/plugin-version/style.scss     |  6 ++++--
 7 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/client/my-sites/plugins/plugin-action/style.scss b/client/my-sites/plugins/plugin-action/style.scss
index fff0d82f2ef5aa..4d385cbbb204e0 100644
--- a/client/my-sites/plugins/plugin-action/style.scss
+++ b/client/my-sites/plugins/plugin-action/style.scss
@@ -24,9 +24,9 @@
 
 .plugin-action__label {
 	color: $gray;
-	font-size: 10px;
+	font-size: 11px;
 	line-height: 16px;
-	margin-right: 10px;
+	margin-right: 8px;
 	vertical-align: top;
 	text-transform: uppercase;
 	cursor: pointer;
diff --git a/client/my-sites/plugins/plugin-activate-toggle/style.scss b/client/my-sites/plugins/plugin-activate-toggle/style.scss
index 2b8f75ce56405c..9bed42676e302c 100644
--- a/client/my-sites/plugins/plugin-activate-toggle/style.scss
+++ b/client/my-sites/plugins/plugin-activate-toggle/style.scss
@@ -1,7 +1,9 @@
 .plugin-activate-toggle .disconnect-jetpack-button {
-	font-size: 10px;
+	font-size: 11px;
+	color: $alert-red;
 	text-transform: uppercase;
 }
+
 .plugin-activate-toggle .plugin-action__children {
 	float: none;
 }
diff --git a/client/my-sites/plugins/plugin-item/style.scss b/client/my-sites/plugins/plugin-item/style.scss
index b373a081e658c3..e1ea7adcc32656 100644
--- a/client/my-sites/plugins/plugin-item/style.scss
+++ b/client/my-sites/plugins/plugin-item/style.scss
@@ -135,8 +135,7 @@
 // Last updated, version, whatever
 .plugin-item__meta {
 	display: block;
-	margin-top: -3px;
-	font-size: 10px;
+	font-size: 11px;
 	color: $gray;
 	white-space: pre;
 	text-overflow: ellipsis;
diff --git a/client/my-sites/plugins/plugin-meta/style.scss b/client/my-sites/plugins/plugin-meta/style.scss
index 194d8847a2400d..08d856d42535f1 100644
--- a/client/my-sites/plugins/plugin-meta/style.scss
+++ b/client/my-sites/plugins/plugin-meta/style.scss
@@ -91,7 +91,7 @@
 }
 
 .plugin-meta__meta {
-	font-size: 10px;
+	font-size: 11px;
 	color: $gray;
 	white-space: pre;
 	text-overflow: ellipsis;
@@ -163,7 +163,7 @@
 a.plugin-meta__settings-link {
 	color: $gray;
 	display: block;
-	font-size: 10px;
+	font-size: 11px;
 	line-height: 16px;
 	margin: 8px 9px 0 0;
 	text-transform: uppercase;
diff --git a/client/my-sites/plugins/plugin-ratings/style.scss b/client/my-sites/plugins/plugin-ratings/style.scss
index 7ef52cc82543bf..8525a8b84fd0f5 100644
--- a/client/my-sites/plugins/plugin-ratings/style.scss
+++ b/client/my-sites/plugins/plugin-ratings/style.scss
@@ -1,5 +1,5 @@
 .plugin-ratings {
-	margin-top: 13px;
+	margin-top: 12px;
 }
 
 .plugin-ratings__rating-tier {
@@ -14,9 +14,8 @@
 
 .plugin-ratings__rating-tier-text,
 .plugin-ratings__downloads {
-	font-size: 10px;
-	font-weight: bold;
-	color: #87a6bc;
+	font-size: 11px;
+	color: $gray;
 	white-space: pre;
 	text-overflow: ellipsis;
 	text-transform: uppercase;
@@ -37,6 +36,8 @@
 	flex-grow: 1;
 
 	.progress-bar {
+		position: relative;
+		top: -2px;
 		border-radius: 0;
 		height: 8px;
 		background-color: lighten( $gray, 20% );
@@ -44,6 +45,6 @@
 
 	.progress-bar__progress {
 		border-radius: 0;
-		background-color: lighten( $blue-dark, 10% );
+		background-color: $blue-medium;
 	}
 }
diff --git a/client/my-sites/plugins/plugin-remove-button/style.scss b/client/my-sites/plugins/plugin-remove-button/style.scss
index e5b02a47d8a337..ec19630da6307f 100644
--- a/client/my-sites/plugins/plugin-remove-button/style.scss
+++ b/client/my-sites/plugins/plugin-remove-button/style.scss
@@ -1,6 +1,6 @@
 .plugin-remove-button__remove {
 	color: $gray;
-	font-size: 10px;
+	font-size: 11px;
 	line-height: 16px;
 	margin-right: 10px;
 	vertical-align: top;
diff --git a/client/my-sites/plugins/plugin-version/style.scss b/client/my-sites/plugins/plugin-version/style.scss
index 59a7a0ce70863f..d5fae577ee016b 100644
--- a/client/my-sites/plugins/plugin-version/style.scss
+++ b/client/my-sites/plugins/plugin-version/style.scss
@@ -1,12 +1,13 @@
 .plugin-version {
-	font-size: 10px;
-	color: #87a6bc;
+	font-size: 11px;
+	color: $gray;
 	white-space: pre;
 	text-overflow: ellipsis;
 	text-transform: uppercase;
 	margin-top: 2px;
 	word-spacing: 2px;
 }
+
 .plugin-version__plugin {
 	margin-right:16px;
 
@@ -16,6 +17,7 @@
 		padding: 3px 4px;
 		border-radius: 2px;
 	}
+
 	.gridicon {
 		vertical-align: bottom;
 	}