aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/features/announcements/components/AnnouncementScreen.js11
1 files changed, 7 insertions, 4 deletions
diff --git a/src/features/announcements/components/AnnouncementScreen.js b/src/features/announcements/components/AnnouncementScreen.js
index e0c65c11f..13cb6aab0 100644
--- a/src/features/announcements/components/AnnouncementScreen.js
+++ b/src/features/announcements/components/AnnouncementScreen.js
@@ -121,7 +121,7 @@ const styles = theme => ({
121 spotlight: { 121 spotlight: {
122 height: 'auto', 122 height: 'auto',
123 background: theme.announcements.spotlight.background, 123 background: theme.announcements.spotlight.background,
124 padding: 60, 124 padding: [40, 0],
125 marginTop: 80, 125 marginTop: 80,
126 [`@media(min-width: ${smallScreen})`]: { 126 [`@media(min-width: ${smallScreen})`]: {
127 marginTop: 0, 127 marginTop: 0,
@@ -138,10 +138,10 @@ const styles = theme => ({
138 [`@media(min-width: ${smallScreen})`]: { 138 [`@media(min-width: ${smallScreen})`]: {
139 marginBottom: 0, 139 marginBottom: 0,
140 minWidth: 250, 140 minWidth: 250,
141 maxWidth: 400, 141 maxWidth: 330,
142 width: '100%', 142 width: '100%',
143 textAlign: 'right', 143 textAlign: 'right',
144 paddingRight: 80, 144 marginRight: 60,
145 }, 145 },
146 }, 146 },
147 spotlightContentContainer: { 147 spotlightContentContainer: {
@@ -149,6 +149,7 @@ const styles = theme => ({
149 [`@media(min-width: ${smallScreen})`]: { 149 [`@media(min-width: ${smallScreen})`]: {
150 height: 'auto', 150 height: 'auto',
151 maxWidth: 600, 151 maxWidth: 600,
152 paddingRight: 40,
152 textAlign: 'left', 153 textAlign: 'left',
153 }, 154 },
154 '& p': { 155 '& p': {
@@ -165,7 +166,8 @@ const styles = theme => ({
165 fontSize: 20, 166 fontSize: 20,
166 }, 167 },
167 changelog: { 168 changelog: {
168 maxWidth: 650, 169 padding: [0, 60],
170 maxWidth: 700,
169 margin: [100, 'auto'], 171 margin: [100, 'auto'],
170 height: 'auto', 172 height: 'auto',
171 173
@@ -175,6 +177,7 @@ const styles = theme => ({
175 }, 177 },
176 '& li': { 178 '& li': {
177 marginBottom: '1em', 179 marginBottom: '1em',
180 lineHeight: '1.4em',
178 }, 181 },
179 '& div': { 182 '& div': {
180 height: 'auto', 183 height: 'auto',