Change filter buttons to normal font weight

resources/frontend_client/app/components/buttons/buttons.css

@@ -52,6 +52,10 @@
     font-size: 0.8rem;
 }
 
+.Button-normal {
+    font-weight: normal;
+}
+
 .Button--primary {
   color: #fff;
   background: var(--primary-button-bg-color);

resources/frontend_client/app/query_builder/filters/FilterPopover.react.js

@@ -219,7 +219,7 @@ export default class FilterPopover extends Component {
                         { this.renderPicker(filter, field) }
                     </div>
                     <div className="FilterPopover-footer p1">
-                        <button className={cx("Button", "Button--purple", "full", { "disabled": !this.isValid() })} onClick={this.commitFilter}>
+                        <button className={cx("Button Button--purple full", { "disabled": !this.isValid() })} onClick={this.commitFilter}>
                             {this.props.isNew ? "Add filter" : "Update filter"}
                         </button>
                     </div>

resources/frontend_client/app/query_builder/filters/OperatorSelector.react.js

@@ -63,7 +63,7 @@ export default class OperatorSelector extends Component {
             <div className="border-bottom p1">
                 { visibleOperators.map(operator =>
                     <button
-                        className={cx("Button Button--medium mr1 mb1", { "Button--purple": operator.name === filter[0] })}
+                        className={cx("Button Button-normal Button--medium mr1 mb1", { "Button--purple": operator.name === filter[0] })}
                         onClick={() => this.props.onOperatorChange(operator.name)}
                     >
                         {operator.verbose_name}

resources/frontend_client/app/query_builder/filters/pickers/DatePicker.react.js

@@ -114,7 +114,7 @@ class DateShortcuts extends Component {
                     <li
                         key={index}
                         style={buttonStyles(index)}
-                        className={cx("Button Button--medium text-normal mr1 mb1 inline-block half text-centered", { "Button--purple": this.props.isSelectedShortcut(s) })}
+                        className={cx("Button Button-normal Button--medium text-normal mr1 mb1 inline-block half text-centered", { "Button--purple": this.props.isSelectedShortcut(s) })}
                         onClick={() => this.props.onSetShortcut(s)}
                     >
                         {s.name}
@@ -181,7 +181,7 @@ class RelativeDates extends Component {
                     { RELATIVE_SHORTCUTS[this.state.tab].map((s, index) =>
                         <li
                             key={index}
-                            className={cx("Button Button--medium mr1 mb1", { "Button--purple": this.props.isSelectedShortcut(s) })}
+                            className={cx("Button Button-normal Button--medium mr1 mb1", { "Button--purple": this.props.isSelectedShortcut(s) })}
                             onClick={() => this.props.onSetShortcut(s)}
                         >
                             {s.name}