Bug 1160577 - Set styles on #reader-message div instead of wrapper div. r=MattN a=sledru
--- a/mobile/android/themes/core/aboutReader.css
+++ b/mobile/android/themes/core/aboutReader.css
@@ -64,17 +64,17 @@ body {
.font-size8 {
font-size: 24px;
}
.font-size9 {
font-size: 26px;
}
-.message {
+#reader-message {
margin-top: 40px;
display: none;
text-align: center;
width: 100%;
font-size: 0.9em;
}
.header {
--- a/toolkit/components/reader/content/aboutReader.html
+++ b/toolkit/components/reader/content/aboutReader.html
@@ -24,17 +24,17 @@
<div class="content">
<style scoped>
@import url("chrome://global/skin/aboutReaderContent.css");
</style>
<div id="moz-reader-content"></div>
</div>
- <div class="message">
+ <div>
<style scoped>
@import url("chrome://global/skin/aboutReaderControls.css");
</style>
<div id="reader-message"></div>
</div>
<div id="reader-footer" class="footer">
<style scoped>
--- a/toolkit/themes/shared/aboutReaderControls.css
+++ b/toolkit/themes/shared/aboutReaderControls.css
@@ -22,17 +22,17 @@
}
.serif-button {
font-family: Georgia, "Times New Roman", serif;
}
/* Loading/error message */
-.message {
+#reader-message {
margin-top: 40px;
display: none;
text-align: center;
width: 100%;
font-size: 0.9em;
}
/* Header */