From cdbf5e421e1ff2493e7dc7f20a9c26eff1c371e8 Mon Sep 17 00:00:00 2001
From: denz1994 <denz1994@gmail.com>
Date: Mon, 27 Jan 2020 15:55:11 -0500
Subject: [PATCH] Adjustments to corner radii as specified in
 https://github.com/phetsims/build-a-molecule/issues/139#issuecomment-578538291

---
 js/common/BAMConstants.js         | 1 +
 js/common/view/AllFilledDialog.js | 2 +-
 js/common/view/CollectionPanel.js | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/js/common/BAMConstants.js b/js/common/BAMConstants.js
index 233c0b8a..872d4a08 100644
--- a/js/common/BAMConstants.js
+++ b/js/common/BAMConstants.js
@@ -48,6 +48,7 @@ define( require => {
     TEXT_MAX_WIDTH: 200,
     BUTTON_PADDING: 5, // vertical space between molecule and name/buttons
     RESET_BUTTON_RADIUS: 27,
+    CORNER_RADIUS: 4,
     KIT_VIEW_HEIGHT: 148, // empirically determined as the height of the tallest bucket of atoms
     KIT_VIEW_WIDTH: 655, // empirically determined as the width of the kit panel,
 
diff --git a/js/common/view/AllFilledDialog.js b/js/common/view/AllFilledDialog.js
index 90ecdf40..9ee30fa6 100644
--- a/js/common/view/AllFilledDialog.js
+++ b/js/common/view/AllFilledDialog.js
@@ -41,7 +41,7 @@ define( require => {
         stroke: 'black',
         fill: BAMConstants.COMPLETE_BACKGROUND_COLOR,
         center: new Vector2( 0, 0 ),
-        cornerRadius: 0
+        cornerRadius: BAMConstants.CORNER_RADIUS
       }, options );
       const contentVBox = new VBox( { spacing: 5, align: 'center' } );
 
diff --git a/js/common/view/CollectionPanel.js b/js/common/view/CollectionPanel.js
index a7ab0d4c..2784d910 100644
--- a/js/common/view/CollectionPanel.js
+++ b/js/common/view/CollectionPanel.js
@@ -42,7 +42,7 @@ define( require => {
     constructor( kitCollectionList, isSingleCollectionMode, collectionAttachmentCallbacks, toModelBounds,
                  showDialogCallback, updateRefillButton, options ) {
       options = merge( {
-        cornerRadius: 0
+        cornerRadius: BAMConstants.CORNER_RADIUS
       }, options );
       const layoutNode = new VBox( { spacing: 10 } );
       super( layoutNode, options );