Minor design fixes in modals (#1711)

* Minor design fixes in modals

* Adjust button icon color

ui/component/claimCollectionAdd/view.jsx

@@ -138,7 +138,7 @@ const ClaimCollectionAdd = (props: Props) => {
             )}
           </fieldset-section>
           <div className="card__actions">
-            <Button button="secondary" label={__('Done')} disabled={addNewCollection} onClick={closeModal} />
+            <Button button="primary" label={__('Done')} disabled={addNewCollection} onClick={closeModal} />
           </div>
         </div>
       }

ui/modal/modalSocialShare/view.jsx

@@ -17,6 +17,7 @@ class ModalSocialShare extends React.PureComponent<Props> {
     return (
       <Modal isOpen onAborted={closeModal} type="card">
         <Card
+          className="card--share"
           title={__('Share')}
           actions={<SocialShare uri={uri} webShareable={webShareable} collectionId={collectionId} />}
         />

ui/scss/component/_card.scss

@@ -77,6 +77,20 @@
   font-weight: var(--font-weight-bold);
 }
 
+.card--share {
+  .form-field--copyable {
+    border: unset !important;
+  }
+  .button--secondary {
+    background-color: var(--color-primary) !important;
+    box-shadow: 0 0 0 2px transparent inset !important;
+
+    .icon {
+      stroke: var(--color-primary-contrast) !important;
+    }
+  }
+}
+
 .card--inline {
   border-radius: var(--card-radius);
   margin-bottom: var(--spacing-m);