There are several bugs with detailed bug reports.

You will see that I also included both severity and priority even though we were taught that the tester
should only assess the severity, while the priority should be assessed by the PM.

I included a few of the content bugs, which I actually spotted, I did not use any software for that. There
are many more inconsistencies when it comes to formatting the content - https://prnt.sc/5joq31stbuQe
& https://prnt.sc/YCIh9pjyJ09w.

Bug Reports List (* these are just short titles for the list, not the actual bug titles)

BR-001 - ENTER CONTENT button not the same width

BR-002 - one pattern missing
BR-003 - labels are not capitalized correctly
BR-004 - background color can’t be black
BR-005 - frames cover the QR code when the custom frame color checkbox is checked
BR-006 - color in color picker doesn’t change when hex code entered manually
BR-007 - can’t remove background from the uploaded logo
BR-008 - BR-011 - How do I create a free QR Code? section - content problems
BR-012 - number of steps doesn’t correspond to the actual number of steps
BR-013 - space between word colors and comma (colors , )
BR-014 - r in the Qr not capitalized
BR-015 - location can’t be manually chosen on the map
BR-016 - location not selected when manually entering coordinates
BR-017 - QR code doesn’t open the map location
BR-018 - wrong link for downloading the app from the app store
BR-019 - no gradient checkbox for the circle shape
BR-020 - pattern missing when the circle shape is selected
BR-021 - QR code changes shape from circle to square when some frames are selected
BR-022 - QR code not visible (turns to black) when the user clicks any of the buttons after some frames
are selected
Bug Reports

Bug ID: BR-001

Summary: URL tab, ENTER CONTENT button - The ENTER CONTENT button in the URL tab is not
the same width as the ENTER CONTENT button in other tabs and is not in the exact same place.
Reporter: Ivana Stamenkovic
Submit date: 07/15/2023

Description: The ENTER CONTENT button in the URL tab is 594px wide, while the ENTER
CONTENT button in the other tabs is 654px wide, and in the URL tab is positioned lower than in the
other tabs.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Look at the width and position of the ENTER CONTENT button in the URL tab.
2. Select any other tab (e.g. TEXT) and look at the width and position of the ENTER CONTENT
button.

Expected result: The ENTER CONTENT button is the same width and in the same position in all tabs.
Actual result: The ENTER CONTENT button is 594px wide in the URL tab and 654px in all other tabs,
and is positioned lower in the URL tab than in the other tabs.
Attachment: https://prnt.sc/s_mNrMZOcwmL & https://prnt.sc/dYzgzgHeBy-a

&

Severity: Low
Priority: Low
Repro rate: 100%
Bug ID: BR-002

Summary: CUSTOMIZE DESIGN button - The 17th pattern (special-diamond) is not clickable.
Reporter: Ivana Stamenkovic
Submit date: 07/15/2023

Description: When customising the design, the 17th pattern (special-diamond) is not clickable and
therefore cannot be displayed.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the CUSTOMIZE DESIGN button.
2. Click on the 17th pattern (special-diamond).

Expected result: The 17th pattern (special-diamond) is selected, and the QR code pattern is changed
accordingly.
Actual result: The 17th pattern (special-diamond) is not clickable, and therefore the QR code pattern
doesn’t change from the previously selected (default) one.
Attachment: https://www.loom.com/share/b6437b47b6294875b22f3573b3804923

Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-003

Summary: CUSTOMIZE DESIGN button - The Marker top Left border and Marker top left center labels
are not capitalized correctly.
Reporter: Ivana Stamenkovic
Submit date: 07/15/2023

Description: The Marker top Left border and Marker top left center labels below the Custom marker
color section within the CUSTOMIZE DESIGN button are not capitalized correctly. The words Top and
Left in both labels should be capitalized, Marker Top Left border and Marker Top Left center instead of
Marker top Left border and Marker top left center.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the CUSTOMIZE DESIGN button.
2. Check the Custom marker color checkbox.

Expected result: The Custom marker color section will open. All labels should be capitalized equally
(Marker Top Left, Marker Top Right and Marker Bottom).
Actual result: Both Marker Top Left labels are not capitalized correctly. It’s Marker top Left border and
Marker top left center.
Attachment: https://prnt.sc/ljz6FJzjU9vD

Severity: Low
Priority: Low
Repro rate: 100%

Bug ID: BR-004

Summary: SET COLORS button - The QR Code Generator does not accept black color (#000000) as
a background color.
Reporter: Ivana Stamenkovic
Submit date: 07/15/2023

Description: When the user tries to set the background color to black (#000000), the QR Code
Generator does not accept it and sets the background color to white (#ffffff) instead.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the SET COLORS button.
2. Enter the #ffffff as the Foreground Color value.
3. Enter the #000000 as the Background Color value and click anywhere outside of the color
picker.

Expected result: The background color of the QR code will change to black.
Actual result: The background color of the QR code stays white.
Attachment: https://prnt.sc/aYGDZPDP7Pln
Severity: Moderate
Priority: Low
Repro rate: 100%

Bug ID: BR-005

Summary: FRAME button - The following frames cover the QR code when the Custom frame color
checkbox is checked (do not count the first “x” which is for no frame) - 12th, 18th, or 21st.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the user selects one of the following frames (do not count the first “x” which is for
no frame) - 12th, 18th, or 21st, and checks the Custom frame color checkbox, the frame covers the QR
code.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the FRAME button.
2. Select one of the following frames (do not count the first “x” which is for no frame) - 12th, 18th,
or 21st.
3. Check the Custom frame color checkbox.

Expected result: The color picker for the Frame color appears and the QR code does not change the
appearance.
Actual result: The color picker for the Frame color appears but the frame is now covering the QR
code.
Attachment:
https://prnt.sc/DS5goLaqXmuA
https://prnt.sc/TE2xDmME4CZg
https://prnt.sc/lyJsL-DCMYIS
Severity: Low (would be higher if the user could actually change the color of these frames)
Priority: Low (would be higher if the user could actually change the color of these frames)
Repro rate: 100%

Bug ID: BR-006

Summary: The color in the color picker does not change when the hex code is entered manually.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the user manually enters the hex code for the desired color, the color changes
accordingly but the color in the color picker stays the same.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the FRAME button.
* I’ve noticed the problem here, but it’s the same throughout the site
2. Select the 1st frame (do not count the first “x” which is for no frame).
3. Check the Custom frame color checkbox.
4. Enter the hex code (e.g. #972060) in the input field for the custom frame color and click outside
of the input field.

Expected result: The frame color and the color in the color picker change accordingly (to the selected
color).
Actual result: The frame color changes accordingly but the color in the color picker stays the same.
Attachment: https://prnt.sc/UtCd-nCmrmxs
Severity: Low
Priority: Low
Repro rate: 100%

Bug ID: BR-007

Summary: LOGO button - The Remove background behind Logo checkbox is checked, but the
background from the uploaded logo is not removed.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the user uploads its logo and checks the Remove background behind Logo
checkbox, the background from the uploaded logo is not removed.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the LOGO button.
2. Click on the Upload button and select the provided logo.
3. Check the Remove background behind Logo checkbox.

Expected result: The background behind the uploaded logo is removed.

Actual result: The background behind the uploaded logo is not removed.
Attachment: https://prnt.sc/V84_jtC5ER2T
Severity: Major
Priority: High
Repro rate: 100%

Bug ID: BR-008

Summary: How do I create a free QR Code? section - The first step in the section has the wrong text.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The first step in the How do I create a free QR Code? section should have the following
text below the Select the type of Qr Code: title “You may choose from URL, TEXT, EMAIL, PHONE,
SMS, LOCATION, FACEBOOK, TWITTER, WIFI, YOUTUBE, INSTAGRAM, VCARD, MECARD,
EVENT, BITCOIN, PDF and IMAGE.” The extra text “Enter your URL: Make sure to input the URL that
will lead your target customers to the exact web page with the information you want them to see.”
should be deleted.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Scroll down to the How do I create a free QR Code? section.

Expected result: The first step in the How do I create a free QR Code? section has the following text
below the Select the type of Qr Code: title “You may choose from URL, TEXT, EMAIL, PHONE, SMS,
LOCATION, FACEBOOK, TWITTER, WIFI, YOUTUBE, INSTAGRAM, VCARD, MECARD, EVENT,
BITCOIN, PDF and IMAGE.”
Actual result: The first step in the How do I create a free QR Code? section has the following text
below the Select the type of Qr Code: title “You may choose from URL Enter your URL: Make sure to
input the URL that will lead your target customers to the exact web page with the information you want
them to see.”.
Attachment: https://prnt.sc/ATW6cwB9DgN8
Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-009

Summary: How do I create a free QR Code? section - The text and title do not match the picture in the
second step.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The text and the title in the second step in the How do I create a free QR Code? section
explains how to customize your QR code but the picture shows how to customize the URL.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Scroll down to the How do I create a free QR Code? section.

Expected result: The second step in the How do I create a free QR Code? section has the following
text below the Enter your QR Code content: title “Enter your QR Code content: Make sure to correctly
fill out all of the input fields so that the QR code will lead your target customers to the exact content with
the information you want them to see.”
Actual result: The second step in the How do I create a free QR Code? section has the following text
below the Customize your QR code: title “By default, your QR code will have a square-shaped frame,
and the symbols/patterns will be black on white background. However, Orderific gives you the option to
customize your QR code to make it more appealing. You can change the shape of the frame, the color,
and add a logo in the center of your Qr Code.”
Attachment: https://prnt.sc/v9mpMYas5m3H
Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-010

Summary: How do I create a free QR Code? section - The third step should have the text and title from
the second step and a corresponding image.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the first two steps are changed according to BR-008 and BR-009, the third step
should have the text and title from the second step and a corresponding image.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Scroll down to the How do I create a free QR Code? section.

Expected result: The third step in the How do I create a free QR Code? section has the following text
below the Customize your QR code: title “By default, your QR code will have a square-shaped frame,
and the symbols/patterns will be black on white background. However, Orderific gives you the option to
customize your QR code to make it more appealing. You can change the shape of the frame, the color,
and add a logo in the center of your Qr Code.” and has an image that shows options for customizing
the QR code.
Actual result: The third step in the How do I create a free QR Code? section has the following text
below the Download the code: title “After making the customizations, click the “Create QR’ button to
generate the QR code. You should then click the “Download QR” button to download the QR code file.”
and has an image that shows how to download the QR code.
Attachment: https://prnt.sc/BvOSIuxhSlCY
Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-011

Summary: How do I create a free QR Code? section - There should be a fourth step with the text and
title from the second step and a corresponding image.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the first three steps are changed according to BR-008, BR-009, and BR-010, the
fourth step should be added, with the text and title from the third step and a corresponding image.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Scroll down to the How do I create a free QR Code? section.

Expected result: There is a fourth step in the How do I create a free QR Code? section with the
following text below the Download the code: title “After making the customizations, click the “Create
QR’ button to generate the QR code. You should then click the “Download QR” button to download the
QR code file.” and has an accurate image that shows how to download the QR code
Actual result: There is no fourth step and the image that shows how to download the QR code from
the third step is not accurate - it has a Create QR code button which does not exist on the actual page.
Attachment: https://prnt.sc/EnopimYFpNp & https://prnt.sc/Evr2bvCzsL8o
 &

Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-012

Summary: How do I create a free QR Code? section - In the paragraph below the section title, the
number of steps does not correspond to the actual number of steps.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When all of the steps are changed according to BR-008, BR-009, BR-010, and BR-011,
there are four steps and not three, so the number of steps in the paragraph below the section title, does
not correspond to the actual number of steps.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Scroll down to the How do I create a free QR Code? section.

Expected result: The paragraph below How do I create a free QR Code? section title has the following
text “We’ll show you how in just four simple steps”.
Actual result: The paragraph below How do I create a free QR Code? section title has the following
text “We’ll show you how in just three simple steps”.
Attachment: https://prnt.sc/4pMStZPbJ24r

Severity: Low
Priority: Medium
Repro rate: 100%
Bug ID: BR-013

Summary: I’m new to QR Codes section - There is a space between the word colors and a comma.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: There is a space between the word colors and a comma.

Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Scroll down to the I’m new to QR Codes section.

Expected result: There is no space between the word colors and a comma.
Actual result: There is a space between the word colors and a comma.
Attachment: https://prnt.sc/b0y9VH_-FoEE

Severity: Low
Priority: Low
Repro rate: 100%

Bug ID: BR-014

Summary: I’m new to QR Codes section - The r in the Qr Code Pay is not capitalized.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The r in the Qr Code Pay is not capitalized.

Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.
Steps to reproduce:
1. Scroll down to the I’m new to QR Codes section and click on the How do QR codes work? card.

Expected result: The r in the Qr Code Pay is capitalized.

Actual result: The r in the Qr Code Pay is not capitalized.
Attachment: https://prnt.sc/UoOovt3q1T7X

Severity: Low
Priority: Low
Repro rate: 100%

Bug ID: BR-015

Summary: LOCATION tab, ENTER CONTENT button - The location could not be selected from the
map.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The location could not be selected from the map in the LOCATION tab and ENTER
CONTENT section. When the user hovers over the map, the cursor turns to a hand so the map can
only be moved around or zoomed in/out.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the LOCATION tab.
2. Click on the map.

Expected result: A location pin should be placed in the place where the user has clicked.
Actual result: The user cannot select a location from the map.
Attachment: https://www.loom.com/share/a5024fd21ae147eab876153d3d1dbbf1

Severity: Low
Priority: Medium
Repro rate: 100%
Bug ID: BR-016

Summary: LOCATION tab, ENTER CONTENT button - The location could not be selected by manually
entering latitude and longitude coordinates.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The location could not be selected by manually entering latitude and longitude
coordinates in the provided input fields in the LOCATION tab and ENTER CONTENT section.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the LOCATION tab.
2. Enter latitude (e.g. 25,068422) in the input field labelled Latitude.
3. Enter longitude (e.g. 55,142982) in the input field labelled Longitude and click anywhere outside
the input field.

Expected result: A location pin should be placed (AG Tower, Dubai, United Arab Emirates location for
entered latitude and longitude coordinates).
Actual result: A location is not selected on the map.
Attachment: https://prnt.sc/VQ2cjGmecs9o

Severity: Low
Priority: Medium
Repro rate: 100%
Bug ID: BR-017

Summary: LOCATION tab - The generated QR code does not open the location on the map.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the user scans the generated QR code for the desired location, there is no option
to open the location on the map.
Environment: Samsung Galaxy A22 5G, Android 13
Preconditions: The user has generated a QR code for the desired location (e.g. AG tower - Dubai -
United Arab Emirates) - https://prnt.sc/vvZf87CFe42B.

Steps to reproduce:
1. Open the camera on your mobile phone and scan the QR code.
2. Click on the Show options and Open in the web browser.

Expected result: The browser opens a web page with a location on the Google map.
Actual result: When the user clicks on the Show options, he can just see the whole text, perform a
web search, or copy the text.
Attachment: https://prnt.sc/1EikAM46jXE- & https://prnt.sc/PXzsTHM3tXYE

&
I would change my phone to English when actually testing the app, sorry for not changing it now :)

Severity: Major
Priority: High
Repro rate: 100%
Bug ID: BR-018

Summary: The link for downloading the app on App Store does not link to the Orderific app page.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The link for downloading the app from the App Store links to the App Store and not to the
Orderific app page.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Right-click on the page and select Inspect.
2. Click on the Toggle device toolbar and select phone (e.g. Galaxy S III) from the drop-down
menu next to Dimension.
3. Scroll down and click on the Download on the App Store button.

Expected result: The Orderific app page on the App Store opens -
https://apps.apple.com/us/app/orderific/id6449246997.
Actual result: The App Store page opens - https://www.apple.com/app-store/.
Attachment: https://www.loom.com/share/12af5b6e10034512bade96aa06e9fd0a

Severity: Moderate
Priority: Medium
Repro rate: 100%

Bug ID: BR-019

Summary: SET COLORS button - There is no gradient checkbox for the circle shape.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the user sets the gradient for the square shape and changes the shape of the QR
code to the circle, there is no gradient any more - the QR code is colored in the Foreground Color and
there is no gradient checkbox.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the SET COLORS button.
2. Check the Gradient checkbox.
3. Select the second color (e.g. #ff0000) using and click somewhere outside of the color picker.
 4. Click on the SHAPE button and select circle.

Expected result: The QR code is in the shape of a circle and its color is a gradient from black to red,
and there is a gradient checkbox.
Actual result: The QR code is in the shape of a circle but its color is black and there is no gradient
checkbox.
Attachment: https://prnt.sc/yl6uAVJxPmgd

Severity: Moderate
Priority: Medium
Repro rate: 100%

Bug ID: BR-020

Summary: CUSTOMIZE DESIGN button - One pattern is missing when the circle shape is selected.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the user selects circle as a shape for the QR code, and clicks on the CUSTOMIZE
DESIGN button, there will be only 19 patterns (the one that is missing is the one from BR-002
(special-diamond).
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the SHAPE button and select circle.
2. Click on the CUSTOMIZE DESIGN button.

Expected result: There are 20 patterns to choose from.

Actual result: There are only 19 patterns.
Attachment: https://prnt.sc/lXHv5Z0cJ978
Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-021

Summary: FRAME button - The QR code changes its shape from the circle back to the square when
any of the frames is selected
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: When the QR code is in the shape of a circle, and the user selects any of the available
frames, the QR code changes its shape back to the square.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the SHAPE button and select circle.
2. Click on the FRAME button and select any of the frames (e.g. the last one).

Expected result: The QR code is in the shape of the circle with the selected frame.
Actual result: The QR code is in the shape of the square with the selected frame.
Attachment: https://www.loom.com/share/7a278718703b48d183ddb7aa68ad3697

Severity: Moderate
Priority: High
Repro rate: 100%

Bug ID: BR-022

Summary: The QR code is not visible when the user clicks on one of the buttons after selecting some
of the following frames (do not count the first “x” which is for no frame) - 9th, 10th, 16th, 17th, 19th,
20th, 22nd, 24th, or 26th.
Reporter: Ivana Stamenkovic
Submit date: 07/16/2023

Description: The QR code is not visible (the whole section with the QR code turns to black) when the
user clicks on the any of the button (FRAME, LOGO, CUSTOMIZE DESIGN, SET COLORS, SHAPE,
or ENTER CONTENT) button after selecting one of the following frames (do not count the first “x” which
is for no frame) - 9th, 10th, 16th, 17th, 19th, 20th, 22nd, 24th, or 26th. The QR code is visible when the
user clicks on the FRAME button again.
Environment: Windows 10 Home, Google Chrome 114.0.5735.199
Preconditions: The user is on the https://orderific.com/qrcode-bug page.

Steps to reproduce:
1. Click on the FRAME button and select any of the following frames (do not count the first “x”
which is for no frame) - 9th, 10th, 16th, 17th, 19th, 20th, 22nd, 24th, or 26th.
2. Click on any of the buttons (e.g. SHAPE).

Expected result: The QR code is framed with the selected frame.

Actual result: The QR code is not visible - the whole section with the code is black, only the selected
frame is visible.
Attachment:
https://prnt.sc/k4DsMCfeKdpp
https://prnt.sc/6lR-seSME-Vi
https://prnt.sc/HbLJjHjQoEkV
https://prnt.sc/70QkRCcV_kfu
https://prnt.sc/DvjUiEucKNvH
https://prnt.sc/u9wClD7WWPQF
https://prnt.sc/2e01Xiq1mCWG
https://prnt.sc/SQfvZ5qQRD-2
https://prnt.sc/1h7H07VxKNQ9

Severity: Moderate
Priority: Medium
Repro rate: 100%
Suggestions for Improvement

1. https://prnt.sc/beGUvNQ8gtCQ - The Custom marker color section within the CUSTOMIZE

DESIGN button is a bit confusing. The first two color pickers are for Marker Top Left Border and
Marker Top Left Center, but when the user unchecks the Different marker colors checkbox,
selected colors from these two color pickers will be applied to all marker borders and centers
and not just the left one.
There should be separate color pickers for all marker borders and centers below the Custom
marker color checkbox, and then color pickers for each of the borders and centers below the
Different markers colors checkbox.
2. https://prnt.sc/6pNoGGcWG2Mz - Add a blue circle or square below the PayPal logo to make it
stand out.
3. https://prnt.sc/qVmyrY8i9rNo - Add a note or a tooltip to explain that the custom frame color is
available only for the first eight frames (do not count the first “x” which is for no frame). Or
disable the checkbox instead of just unchecking it when the user selects one of the frames that
do not support the custom frame color.
4. https://prnt.sc/PDBAVsZo9G0z - Add all of the types of QR codes or at least add “More” where
the other types would be listed. There are 17 different QR types available, and this section
shows only 8.