Fix force import button warning style

Author: jonathangreen

src/components/CollectionImportButton.tsx

@@ -81,7 +81,9 @@ const CollectionImportButton: React.FC<CollectionImportButtonProps> = ({
     ? "Queuing..."
     : "Queue Import";
 
-  const buttonClass = force ? "btn btn-warning" : "btn btn-default";
+  const buttonClass = force
+    ? "btn btn-default collection-import-button force"
+    : "btn btn-default collection-import-button";
 
   const panelContent = (
     <div className="collection-import">

src/stylesheets/collection.scss

@@ -11,6 +11,19 @@
 }
 
 .collection-import {
+  .collection-import-button.force {
+    background: darken($yellow, 8%);
+    border-color: darken($yellow, 20%);
+    color: $dark-gray;
+
+    &:hover,
+    &:focus {
+      background: $yellow;
+      border-color: darken($yellow, 25%);
+      color: $dark-gray;
+    }
+  }
+
   .collection-import-details-toggle {
     background: none;
     border: none;