Change design of "New collection" button in "Add to collection" dialog (#40133)

app/javascript/mastodon/features/collection_adder/index.tsx

@@ -174,12 +174,17 @@ export const CollectionAdder: React.FC<{
                 />
               }
             >
-              <NewCollectionButton onClick={handleNewCollection} />
+              <NewCollectionButton compact onClick={handleNewCollection} />
             </EmptyState>
           ) : (
             <>
               <div className={classes.newCollection}>
-                <NewCollectionButton onClick={handleNewCollection} />
+                <NewCollectionButton secondary onClick={handleNewCollection}>
+                  <FormattedMessage
+                    id='collections.create_new_collection'
+                    defaultMessage='Create new collection'
+                  />
+                </NewCollectionButton>
               </div>
               {collections.map((item) => (
                 <ListItem key={item.id} collection={item} account={account} />

app/javascript/mastodon/features/collection_adder/styles.module.scss

@@ -1,5 +1,3 @@
 .newCollection {
-  display: flex;
-  justify-content: center;
-  padding-block: 16px;
+  padding: 16px;
 }