diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-04-12 13:32:52 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-04-12 13:32:52 +0200 |
commit | a24af19461d5270fc474d92521be39160377610e (patch) | |
tree | 2f7eda1ff464f020941d19e9504aebc2fd435a52 /src/styles | |
parent | Merge branch 'develop' into chore/streamline-dashboard (diff) | |
download | ferdium-app-a24af19461d5270fc474d92521be39160377610e.tar.gz ferdium-app-a24af19461d5270fc474d92521be39160377610e.tar.zst ferdium-app-a24af19461d5270fc474d92521be39160377610e.zip |
Fix styling issues & add premium badge
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/settings.scss | 35 |
1 files changed, 16 insertions, 19 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index efa0ab942..b01412942 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -61,16 +61,6 @@ | |||
61 | 61 | ||
62 | .account { | 62 | .account { |
63 | .account__box { background: $dark-theme-gray-darker; } | 63 | .account__box { background: $dark-theme-gray-darker; } |
64 | |||
65 | .badge--premium { | ||
66 | margin-left: 10px; | ||
67 | } | ||
68 | |||
69 | .manage-user-links { | ||
70 | margin-top: 20px; | ||
71 | display: flex; | ||
72 | justify-content: space-between; | ||
73 | } | ||
74 | } | 64 | } |
75 | 65 | ||
76 | .premium-info { | 66 | .premium-info { |
@@ -334,15 +324,6 @@ | |||
334 | .account__avatar { | 324 | .account__avatar { |
335 | margin-right: 20px; | 325 | margin-right: 20px; |
336 | position: relative; | 326 | position: relative; |
337 | |||
338 | .emoji img { width: 30px; } | ||
339 | } | ||
340 | |||
341 | .account__avatar-premium { | ||
342 | font-size: 26px; | ||
343 | position: absolute; | ||
344 | right: 2px; | ||
345 | top: 2px; | ||
346 | } | 327 | } |
347 | 328 | ||
348 | .account__info { | 329 | .account__info { |
@@ -359,6 +340,22 @@ | |||
359 | .badge { margin-left: 10px; } | 340 | .badge { margin-left: 10px; } |
360 | } | 341 | } |
361 | 342 | ||
343 | .badge--premium { | ||
344 | margin-left: 1px; | ||
345 | position: relative; | ||
346 | top: -3px; | ||
347 | padding-top: 4px; | ||
348 | color: #FFF; | ||
349 | border-radius: 3px; | ||
350 | } | ||
351 | |||
352 | |||
353 | .manage-user-links { | ||
354 | margin-top: 20px; | ||
355 | display: flex; | ||
356 | justify-content: space-between; | ||
357 | } | ||
358 | |||
362 | .account__subscription-button { margin-left: auto; } | 359 | .account__subscription-button { margin-left: auto; } |
363 | .franz-form__button { white-space: nowrap; } | 360 | .franz-form__button { white-space: nowrap; } |
364 | div { height: auto; } | 361 | div { height: auto; } |