diff --git a/webextension/css/popup.css b/webextension/css/popup.css index ef31a10..d8d8e58 100644 --- a/webextension/css/popup.css +++ b/webextension/css/popup.css @@ -35,20 +35,27 @@ table { margin-block-start: 16px; margin-inline-end: 16px; margin-inline-start: 16px; - min-block-size: 480px; -} - -.onboarding h3 { - margin-block-start: 16px; } .onboarding * { text-align: center; } -/* Make button placement to be consistent on tour */ -.onboarding .spacing { - margin-block-start: auto; +.onboarding-img { + inline-size: 180px; + block-size: 132px; +} + +.onboarding-title { + margin-block-start: 20px; + margin-block-end: 10px; + font-size: 14px; + color: #43484E; +} + +.onboarding-subtext { + font-size: 10px; + color: #4a4a4a; } .popup-bumper { diff --git a/webextension/js/popup.js b/webextension/js/popup.js index 70042b8..d494a20 100644 --- a/webextension/js/popup.js +++ b/webextension/js/popup.js @@ -169,7 +169,7 @@ Logic.registerPanel(P_ONBOARDING_2, { }, }); -// P_ONBOARDING_2: Second page for Onboarding. +// P_ONBOARDING_3: Third page for Onboarding. // ---------------------------------------------------------------------------- Logic.registerPanel(P_ONBOARDING_3, { diff --git a/webextension/popup.html b/webextension/popup.html index 6c99af4..2342d03 100644 --- a/webextension/popup.html +++ b/webextension/popup.html @@ -8,24 +8,27 @@