diff --git a/web/src/help-button.css b/web/src/help-button.css index 05d811d..003a16d 100644 --- a/web/src/help-button.css +++ b/web/src/help-button.css @@ -8,12 +8,22 @@ padding: 6px; } +.help-button-popup { + font-family: monospace !important; + background-color: #F4F4F4 !important; + padding: 6px 6px 6px .4em !important; + border: 1px solid rgb(130, 130, 130, 0.1) !important; + border-left: none !important; + box-shadow: none !important; + padding-left: .4em !important; +} + .help-button-link, .help-botton-link:visited { text-decoration: none; - color: #979797; + color: hsl(0, 0%, 46%); } .help-button-link:hover { color: hsl(0, 0%, 39%); -} \ No newline at end of file +} diff --git a/web/src/help-button.js b/web/src/help-button.js index 42976ca..ae4660c 100644 --- a/web/src/help-button.js +++ b/web/src/help-button.js @@ -3,54 +3,42 @@ import Popup from 'reactjs-popup'; import './help-button.css'; const trigger = ( -