diff options
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r-- | src/styles/settings.scss | 40 |
1 files changed, 23 insertions, 17 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 750b6bedd..1baff8b54 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -61,14 +61,9 @@ | |||
61 | 61 | ||
62 | .account { | 62 | .account { |
63 | .account__box { background: $dark-theme-gray-darker; } | 63 | .account__box { background: $dark-theme-gray-darker; } |
64 | |||
65 | .invoices { | ||
66 | td { border-bottom: 1px solid $dark-theme-gray-darker; } | ||
67 | .invoices__action button { color: $theme-brand-primary; } | ||
68 | } | ||
69 | } | 64 | } |
70 | 65 | ||
71 | .premium-info { | 66 | .premium-info { |
72 | background: $dark-theme-gray-darker; | 67 | background: $dark-theme-gray-darker; |
73 | border: 2px solid $theme-brand-primary; | 68 | border: 2px solid $theme-brand-primary; |
74 | } | 69 | } |
@@ -329,15 +324,6 @@ | |||
329 | .account__avatar { | 324 | .account__avatar { |
330 | margin-right: 20px; | 325 | margin-right: 20px; |
331 | position: relative; | 326 | position: relative; |
332 | |||
333 | .emoji img { width: 30px; } | ||
334 | } | ||
335 | |||
336 | .account__avatar-premium { | ||
337 | font-size: 26px; | ||
338 | position: absolute; | ||
339 | right: 2px; | ||
340 | top: 2px; | ||
341 | } | 327 | } |
342 | 328 | ||
343 | .account__info { | 329 | .account__info { |
@@ -345,6 +331,7 @@ | |||
345 | 331 | ||
346 | h2 { margin-bottom: 5px; } | 332 | h2 { margin-bottom: 5px; } |
347 | .badge { margin-top: 5px; } | 333 | .badge { margin-top: 5px; } |
334 | .username { margin-right: 10 } | ||
348 | } | 335 | } |
349 | 336 | ||
350 | .account__subscription { | 337 | .account__subscription { |
@@ -354,6 +341,22 @@ | |||
354 | .badge { margin-left: 10px; } | 341 | .badge { margin-left: 10px; } |
355 | } | 342 | } |
356 | 343 | ||
344 | .badge--premium { | ||
345 | margin-left: 1px; | ||
346 | position: relative; | ||
347 | top: -3px; | ||
348 | padding-top: 4px; | ||
349 | color: #FFF; | ||
350 | border-radius: 3px; | ||
351 | } | ||
352 | |||
353 | |||
354 | .manage-user-links { | ||
355 | margin-top: 20px; | ||
356 | display: flex; | ||
357 | justify-content: space-between; | ||
358 | } | ||
359 | |||
357 | .account__subscription-button { margin-left: auto; } | 360 | .account__subscription-button { margin-left: auto; } |
358 | .franz-form__button { white-space: nowrap; } | 361 | .franz-form__button { white-space: nowrap; } |
359 | div { height: auto; } | 362 | div { height: auto; } |
@@ -414,6 +417,7 @@ | |||
414 | 417 | ||
415 | .settings-navigation__link { | 418 | .settings-navigation__link { |
416 | align-items: center; | 419 | align-items: center; |
420 | justify-content: space-between; | ||
417 | color: $theme-text-color; | 421 | color: $theme-text-color; |
418 | display: flex; | 422 | display: flex; |
419 | flex-shrink: 0; | 423 | flex-shrink: 0; |
@@ -425,7 +429,9 @@ | |||
425 | &:hover { | 429 | &:hover { |
426 | background: darken($theme-gray-lightest, 5%); | 430 | background: darken($theme-gray-lightest, 5%); |
427 | 431 | ||
428 | .badge { background: #FFF; } | 432 | .badge { |
433 | background: #FFF; | ||
434 | } | ||
429 | } | 435 | } |
430 | 436 | ||
431 | &.is-active { | 437 | &.is-active { |
@@ -442,8 +448,8 @@ | |||
442 | .settings-navigation__expander { flex: 1; } | 448 | .settings-navigation__expander { flex: 1; } |
443 | 449 | ||
444 | .badge { | 450 | .badge { |
451 | |||
445 | display: initial; | 452 | display: initial; |
446 | margin-left: 5px; | ||
447 | transition: background $theme-transition-time, color $theme-transition-time; | 453 | transition: background $theme-transition-time, color $theme-transition-time; |
448 | } | 454 | } |
449 | 455 | ||