From c5ec30de75290aea6bc3f2a7f70c56426400aee3 Mon Sep 17 00:00:00 2001
From: Caleb Richelson <caleb.richelson@gmail.com>
Date: Wed, 18 Apr 2018 17:37:02 -0400
Subject: [PATCH] GH-953 fix bug where pause button is off by 1px

---
 app/scss/partials/_pause_button.scss | 6 +++---
 app/scss/partials/_summary.scss      | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/scss/partials/_pause_button.scss b/app/scss/partials/_pause_button.scss
index 9b7f67d3a..91ec1c37d 100644
--- a/app/scss/partials/_pause_button.scss
+++ b/app/scss/partials/_pause_button.scss
@@ -41,11 +41,11 @@
 	.button-pause {
 		min-width: 125px;
 		max-width: 125px;
-		font-size: 11px;
 		line-height: 17px;
 		.pause-button-text {
 			overflow-x: hidden;
 			text-overflow: clip;
+			font-size: 11px;
 		}
 		.pause-button-icon {
 			padding: 0 10px 0 30px;
@@ -151,7 +151,7 @@
 .ghostery-features-container .sub-component.pause-button {
 	.button-pause {
 		height: 35px;
-		line-height: 21px;
+		line-height: 16px;
 	}
 	.button-caret {
 		height: 35px;
@@ -160,7 +160,7 @@
 		height: 45px;
 		min-width: 125px;
 		max-width: 125px;
-		line-height: 31px;
+		line-height: 26px;
 	}
 	.button-caret.smaller {
 		height: 45px;
diff --git a/app/scss/partials/_summary.scss b/app/scss/partials/_summary.scss
index 831327ed4..2047732bb 100644
--- a/app/scss/partials/_summary.scss
+++ b/app/scss/partials/_summary.scss
@@ -28,6 +28,11 @@
 		padding: 10px 0 0 10px;
 		text-align: left;
 	}
+	&.ab-pause .sub-component.pause-button {
+		.button-pause {
+			font-size: 11px;
+		}
+	}
 	&.expert.ab-pause .pause-button-container {
 		padding: 10px 0 0 0;
 		text-align: center;