From 8b5ded7ed41a0ed6d79758e9a0b40dc10ef3a2f2 Mon Sep 17 00:00:00 2001
From: Donovan Preston <donovanpreston@gmail.com>
Date: Tue, 18 Oct 2016 10:21:44 -0400
Subject: [PATCH] Fixes #1631 Show the instructional text on a dark background
 to prevent readability issues.

---
 static/css/inline-selection.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/static/css/inline-selection.scss b/static/css/inline-selection.scss
index 93bce81ab4..6e6646bc24 100644
--- a/static/css/inline-selection.scss
+++ b/static/css/inline-selection.scss
@@ -298,6 +298,8 @@ $overlay-z-index: 9999999999;
 
 .pageshot-preview-overlay {
   position: fixed;
+  display: flex;
+  justify-content: center;
   top: 0;
   left: 0;
   height: 100%;
@@ -311,12 +313,13 @@ $overlay-z-index: 9999999999;
 .pageshot-preview-instructions {
   font-size: 12pt;
   font-family: sans-serif;
-  text-align: center;
-  padding-top: 1.5em;
-  padding-left: 150px;
-  padding-right: 150px;
+  margin: 0.75em;
+  padding: 0.5em;
+  height: 1em;
   vertical-align: middle;
   color: #fff;
+  border-radius: 12px;
+  background-color: rgba(#000, 0.95);
   z-index: 999999999;
 }