diff --git a/app/soapbox/components/account.js b/app/soapbox/components/account.js index d4b616d5d9..623d22d474 100644 Binary files a/app/soapbox/components/account.js and b/app/soapbox/components/account.js differ diff --git a/app/soapbox/components/display_name.js b/app/soapbox/components/display_name.js index e35a1a60d7..6375081726 100644 Binary files a/app/soapbox/components/display_name.js and b/app/soapbox/components/display_name.js differ diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js index fcdc97c9f9..86d1e593ac 100644 Binary files a/app/soapbox/components/status.js and b/app/soapbox/components/status.js differ diff --git a/app/soapbox/features/admin/components/admin_nav.js b/app/soapbox/features/admin/components/admin_nav.js index 1c0a17ea97..acf7c1f62f 100644 Binary files a/app/soapbox/features/admin/components/admin_nav.js and b/app/soapbox/features/admin/components/admin_nav.js differ diff --git a/app/soapbox/features/admin/components/latest_accounts_panel.js b/app/soapbox/features/admin/components/latest_accounts_panel.js index d08023b31b..55f64079d7 100644 Binary files a/app/soapbox/features/admin/components/latest_accounts_panel.js and b/app/soapbox/features/admin/components/latest_accounts_panel.js differ diff --git a/app/soapbox/features/admin/components/unapproved_account.js b/app/soapbox/features/admin/components/unapproved_account.js index 86a9bfcfe6..621ffbe4ba 100644 Binary files a/app/soapbox/features/admin/components/unapproved_account.js and b/app/soapbox/features/admin/components/unapproved_account.js differ diff --git a/app/soapbox/features/crypto_donate/components/crypto_address.js b/app/soapbox/features/crypto_donate/components/crypto_address.js index f525c4c64e..73294b8f3d 100644 Binary files a/app/soapbox/features/crypto_donate/components/crypto_address.js and b/app/soapbox/features/crypto_donate/components/crypto_address.js differ diff --git a/app/soapbox/features/crypto_donate/components/detailed_crypto_address.js b/app/soapbox/features/crypto_donate/components/detailed_crypto_address.js index 3dcc679213..2542f6ea56 100644 Binary files a/app/soapbox/features/crypto_donate/components/detailed_crypto_address.js and b/app/soapbox/features/crypto_donate/components/detailed_crypto_address.js differ diff --git a/app/soapbox/features/groups/removed_accounts/index.js b/app/soapbox/features/groups/removed_accounts/index.js index 02f87630dd..d4d77a0fb9 100644 Binary files a/app/soapbox/features/groups/removed_accounts/index.js and b/app/soapbox/features/groups/removed_accounts/index.js differ diff --git a/app/soapbox/features/notifications/components/notification.js b/app/soapbox/features/notifications/components/notification.js index 82a912a267..fd9ab525b6 100644 Binary files a/app/soapbox/features/notifications/components/notification.js and b/app/soapbox/features/notifications/components/notification.js differ diff --git a/app/soapbox/features/status/components/status_interaction_bar.js b/app/soapbox/features/status/components/status_interaction_bar.js index 186bec37d5..0fea9f97b7 100644 Binary files a/app/soapbox/features/status/components/status_interaction_bar.js and b/app/soapbox/features/status/components/status_interaction_bar.js differ diff --git a/app/soapbox/features/ui/components/account_list_panel.js b/app/soapbox/features/ui/components/account_list_panel.js index 2cac1c9287..80353ce96e 100644 Binary files a/app/soapbox/features/ui/components/account_list_panel.js and b/app/soapbox/features/ui/components/account_list_panel.js differ diff --git a/app/soapbox/features/ui/components/profile_info_panel.js b/app/soapbox/features/ui/components/profile_info_panel.js index 89e34e4934..b2e71fba1b 100644 Binary files a/app/soapbox/features/ui/components/profile_info_panel.js and b/app/soapbox/features/ui/components/profile_info_panel.js differ diff --git a/app/soapbox/features/ui/components/profile_media_panel.js b/app/soapbox/features/ui/components/profile_media_panel.js index 83fed31a4b..108af12cd2 100644 Binary files a/app/soapbox/features/ui/components/profile_media_panel.js and b/app/soapbox/features/ui/components/profile_media_panel.js differ diff --git a/app/soapbox/features/ui/components/who_to_follow_panel.js b/app/soapbox/features/ui/components/who_to_follow_panel.js index 31e87991d2..34bac9e816 100644 Binary files a/app/soapbox/features/ui/components/who_to_follow_panel.js and b/app/soapbox/features/ui/components/who_to_follow_panel.js differ diff --git a/app/soapbox/features/video/index.js b/app/soapbox/features/video/index.js index e59ceaba3c..35312e8ab6 100644 Binary files a/app/soapbox/features/video/index.js and b/app/soapbox/features/video/index.js differ diff --git a/app/styles/accounts.scss b/app/styles/accounts.scss index e31514b075..fe5cfee018 100644 --- a/app/styles/accounts.scss +++ b/app/styles/accounts.scss @@ -286,10 +286,13 @@ a .account__avatar { height: auto; padding: 0 0 0 5px; position: relative; + display: flex; + align-items: center; + justify-content: center; - .dismiss-account-btn { - display: block; - margin-bottom: 5px; + .svg-icon { + width: 20px; + height: 20px; } } @@ -546,7 +549,7 @@ a .account__avatar { flex-shrink: 0; color: var(--primary-text-color--faint); - i.fa-calendar { - padding-right: 5px; + .svg-icon { + padding-right: 3px; } } diff --git a/app/styles/components/crypto-donate.scss b/app/styles/components/crypto-donate.scss index 4c42ccdeb4..8b924e2f83 100644 --- a/app/styles/components/crypto-donate.scss +++ b/app/styles/components/crypto-donate.scss @@ -35,11 +35,12 @@ a { color: var(--primary-text-color--faint); - margin-left: 10px; + margin-left: 8px; } - i.fa { - font-size: 20px; + .svg-icon { + width: 18px; + height: 18px; } } @@ -69,6 +70,11 @@ background: var(--foreground-color); border-radius: 8px; padding-bottom: 13px; + + .crypto-address__actions .svg-icon { + width: 22px; + height: 22px; + } } .profile-info-panel-content__fields { diff --git a/app/styles/components/icon.scss b/app/styles/components/icon.scss index 1c3e07400f..2632300664 100644 --- a/app/styles/components/icon.scss +++ b/app/styles/components/icon.scss @@ -37,3 +37,7 @@ align-items: center; justify-content: center; } + +.lineawesome--gavel path { + fill: currentColor; +} diff --git a/app/styles/components/profile-info-panel.scss b/app/styles/components/profile-info-panel.scss index 62ed39adc3..4be0aff6cf 100644 --- a/app/styles/components/profile-info-panel.scss +++ b/app/styles/components/profile-info-panel.scss @@ -29,9 +29,11 @@ align-items: center; line-height: normal; - .fa { - margin-right: 8px; - font-size: 20px; + .svg-icon { + width: 22px; + height: 22px; + margin-right: 5px; + transform: translateY(-1px); } } diff --git a/app/styles/components/profile-media-panel.scss b/app/styles/components/profile-media-panel.scss index 7d0b63f062..782cbc2751 100644 --- a/app/styles/components/profile-media-panel.scss +++ b/app/styles/components/profile-media-panel.scss @@ -18,13 +18,18 @@ .media-panel-header { display: flex; - align-items: baseline; + align-items: center; margin-bottom: 10px; padding: 15px 15px 0; &__icon { margin-right: 10px; font-size: 20px; + + &.svg-icon { + width: 20px; + height: 20px; + } } &__label { diff --git a/app/styles/components/promo-panel.scss b/app/styles/components/promo-panel.scss index ff89fae33a..0e6acd13f7 100644 --- a/app/styles/components/promo-panel.scss +++ b/app/styles/components/promo-panel.scss @@ -30,6 +30,11 @@ } } + i.fa { + font-size: 22px; + margin-right: 10px; + } + .svg-icon { width: 24px; height: 24px; diff --git a/app/styles/components/video-player.scss b/app/styles/components/video-player.scss index 25f3d34026..3122849a45 100644 --- a/app/styles/components/video-player.scss +++ b/app/styles/components/video-player.scss @@ -211,11 +211,16 @@ outline: 0; flex: 0 0 auto; background: transparent; - padding: 5px; + padding: 5px 6px; font-size: 16px; border: 0; color: rgba(#fff, 0.75); + .svg-icon { + width: 20px; + height: 20px; + } + &:active, &:hover, &:focus {