Tweak the hover state styles and modal width.

zooniverse · Apr 3, 2019 · c5d748e · c5d748e
1 parent 04b5a63
commit c5d748e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/...ifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/FieldGuide.js b/...ifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/FieldGuide.js
@@ -8,7 +8,7 @@ import FieldGuideItem from './components/FieldGuideItem'
 
 const StyledBox = styled(Box)`
   max-height: 415px;
-  max-width: 480px;
+  max-width: 490px;
   overflow: auto;
 `
 

diff --git a/...mponents/Classifier/components/FieldGuide/components/FieldGuideButton/FieldGuideButton.js b/...mponents/Classifier/components/FieldGuide/components/FieldGuideButton/FieldGuideButton.js
@@ -20,6 +20,12 @@ const StyledButton = styled(Button)`
   &:hover, &:focus {
     background: ${tint(0.5, zooTheme.global.colors.brand)};
   }
+
+  &:disabled {
+    &:hover, &:focus {
+      background: ${zooTheme.global.colors.brand};
+    }
+  }
 `
 
 const StyledSpacedText = styled(SpacedText)`