redesign fixes

ui/component/webUploadList/internal/web-upload-item.jsx

@@ -12,7 +12,7 @@ export default function WebUploadItem(props: Props) {
   const { params, progress, xhr } = props;
 
   return (
-    <li className={'claim-preview card--inline'}>
+    <li className={'claim-preview claim-preview--inactive card--inline'}>
       <CardMedia thumbnail={params.thumbnail_url} />
       <div className={'claim-preview-metadata'}>
         <div className="claim-preview-info">

ui/component/webUploadList/view.jsx

@@ -11,7 +11,7 @@ export type UploadItem = {
 
 type Props = {
   currentUploads: { [key: string]: UploadItem },
-  uploadCount: ?number,
+  uploadCount: number,
 };
 
 export default function WebUploadList(props: Props) {

ui/scss/component/_claim-list.scss

@@ -58,7 +58,7 @@
   overflow: visible;
   padding: var(--spacing-medium);
 
-  &:not(.claim-preview--inline):not(.claim-preview--pending) {
+  &:not(.claim-preview--inline):not(.claim-preview--pending):not(.claim-preview--inactive) {
     cursor: pointer;
   }
 
@@ -105,13 +105,6 @@
   background-color: var(--color-card-background-highlighted);
 }
 
-.claim-preview--visited {
-  // Still keep the normal styles on hover regardless of if they have visited the claim
-  &:not(:hover) {
-    // color: lighten(black; //black, 35%);
-  }
-}
-
 .claim-preview--pending {
   opacity: 0.6;
 }

ui/scss/component/_form-field.scss

@@ -70,7 +70,7 @@ fieldset-group {
       .form-field__prefix {
         white-space: nowrap;
         padding: 0.5rem;
-        padding-left: 0.5rem;
+        padding-right: var(--spacing-xxs);
         height: var(--height-input);
         padding-right: 1rem;
         border: 1px solid;
@@ -90,8 +90,8 @@ fieldset-group {
         border-left: 0;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
-        padding-left: var(--spacing-xs);
         border-color: var(--color-input-border);
+        padding-left: 0;
       }
     }
   }

ui/scss/component/_snack-bar.scss

@@ -29,6 +29,7 @@
   display: inline-block;
   margin: var(--spacing-small) 0;
   min-width: min-content;
+  color: var(--color-white);
 
   span:hover {
     text-decoration: underline;

ui/scss/themes/dark.scss

@@ -80,5 +80,5 @@
   --color-tag-bg-hover: var(--color-primary-alt-2);
 
   // Snack
-  --color-snack-bg: var(--color-primary-alt);
+  --color-snack-bg: var(--color-secondary);
 }