diff options
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r-- | src/styles/settings.scss | 40 |
1 files changed, 31 insertions, 9 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 556803c46..283913ab7 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -40,7 +40,7 @@ | |||
40 | width: 100%; | 40 | width: 100%; |
41 | max-width: 900px; | 41 | max-width: 900px; |
42 | min-height: 400px; | 42 | min-height: 400px; |
43 | max-height: 600px; | 43 | max-height: 720px; |
44 | z-index: 9999; | 44 | z-index: 9999; |
45 | background: #FFF; | 45 | background: #FFF; |
46 | border-radius: $theme-border-radius; | 46 | border-radius: $theme-border-radius; |
@@ -165,8 +165,23 @@ | |||
165 | } | 165 | } |
166 | } | 166 | } |
167 | 167 | ||
168 | .settings__options { | 168 | &__options { |
169 | margin-top: 30px; | 169 | margin-top: 20px; |
170 | } | ||
171 | |||
172 | &__settings-group { | ||
173 | margin-top: 10px; | ||
174 | |||
175 | h3 { | ||
176 | font-weight: bold; | ||
177 | margin: 25px 0 15px; | ||
178 | color: $theme-gray-light; | ||
179 | letter-spacing: -0.1px; | ||
180 | |||
181 | &:first-of-type { | ||
182 | margin-top: 0; | ||
183 | } | ||
184 | } | ||
170 | } | 185 | } |
171 | 186 | ||
172 | .settings__message { | 187 | .settings__message { |
@@ -187,10 +202,6 @@ | |||
187 | margin: -10px 0 20px 55px;; | 202 | margin: -10px 0 20px 55px;; |
188 | font-size: 12px; | 203 | font-size: 12px; |
189 | color: $theme-gray-light; | 204 | color: $theme-gray-light; |
190 | |||
191 | &:last-of-type { | ||
192 | margin-bottom: 30px; | ||
193 | } | ||
194 | } | 205 | } |
195 | 206 | ||
196 | .settings__controls { | 207 | .settings__controls { |
@@ -295,6 +306,10 @@ | |||
295 | margin-left: auto; | 306 | margin-left: auto; |
296 | } | 307 | } |
297 | 308 | ||
309 | .franz-form__button { | ||
310 | white-space: nowrap; | ||
311 | } | ||
312 | |||
298 | div { | 313 | div { |
299 | height: auto; | 314 | height: auto; |
300 | } | 315 | } |
@@ -342,6 +357,12 @@ | |||
342 | background: none; | 357 | background: none; |
343 | padding: 0; | 358 | padding: 0; |
344 | } | 359 | } |
360 | |||
361 | .legal { | ||
362 | text-align: center; | ||
363 | margin-top: 20px; | ||
364 | color: $theme-gray-light; | ||
365 | } | ||
345 | } | 366 | } |
346 | 367 | ||
347 | .settings-navigation { | 368 | .settings-navigation { |
@@ -352,9 +373,10 @@ | |||
352 | flex-direction: column; | 373 | flex-direction: column; |
353 | 374 | ||
354 | .settings-navigation__link { | 375 | .settings-navigation__link { |
355 | display: block; | 376 | display: flex; |
377 | align-items: center; | ||
356 | height: 50px; | 378 | height: 50px; |
357 | line-height: 50px; | 379 | flex-shrink: 0; |
358 | text-decoration: none; | 380 | text-decoration: none; |
359 | color: $theme-text-color; | 381 | color: $theme-text-color; |
360 | padding: 0 20px; | 382 | padding: 0 20px; |