Merge pull request #352 from Automattic/fix/plugin-font-sizes

Plugins: font-size scrub from 10px to 11px
Automattic · Nov 20, 2015 · 5656823 · 5656823
2 parents e85dcd6 + caabee0
commit 5656823
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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,13 +36,15 @@
 	flex-grow: 1;
 
 	.progress-bar {
+		position: relative;
+		top: -2px;
 		border-radius: 0;
 		height: 8px;
 		background-color: lighten( $gray, 20% );
 	}
 
 	.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
@@ -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
@@ -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;
 	}