aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/settings.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r--src/styles/settings.scss40
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