Bug 1160577 - Set styles on #reader-message div instead of wrapper div. r=MattN

mobile/android/themes/core/aboutReaderControls.css

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-.message {
+#reader-message {
   margin-top: 40px;
   display: none;
   text-align: center;

toolkit/components/reader/content/aboutReader.html

@@ -29,7 +29,7 @@
       <div id="moz-reader-content"></div>
     </div>
 
-    <div class="message">
+    <div>
       <style scoped>
         @import url("chrome://global/skin/aboutReaderControls.css");
       </style>

toolkit/themes/shared/aboutReaderControls.css

@@ -27,7 +27,7 @@
 
 /* Loading/error message */
 
-.message {
+#reader-message {
   margin-top: 40px;
   display: none;
   text-align: center;