small icon and positioning fixes [ci skip]

frontend/src/icon_paths.js

@@ -69,7 +69,10 @@ export var ICON_PATHS = {
     folder: "M3.96901618e-15,5.41206355 L0.00949677904,29 L31.8821132,29 L31.8821132,10.8928571 L18.2224205,10.8928571 L15.0267944,5.41206355 L3.96901618e-15,5.41206355 Z M16.8832349,5.42402804 L16.8832349,4.52140947 C16.8832349,3.68115822 17.5639241,3 18.4024298,3 L27.7543992,3 L30.36417,3 C31.2031259,3 31.8832341,3.67669375 31.8832341,4.51317691 L31.8832341,7.86669975 L31.8832349,8.5999999 L18.793039,8.5999999 L16.8832349,5.42402804 Z",
     gear: 'M14 0 H18 L19 6 L20.707 6.707 L26 3.293 L28.707 6 L25.293 11.293 L26 13 L32 14 V18 L26 19 L25.293 20.707 L28.707 26 L26 28.707 L20.707 25.293 L19 26 L18 32 L14 32 L13 26 L11.293 25.293 L6 28.707 L3.293 26 L6.707 20.707 L6 19 L0 18 L0 14 L6 13 L6.707 11.293 L3.293 6 L6 3.293 L11.293 6.707 L13 6 L14 0 z M16 10 A6 6 0 0 0 16 22 A6 6 0 0 0 16 10',
     grid: 'M2 2 L10 2 L10 10 L2 10z M12 2 L20 2 L20 10 L12 10z M22 2 L30 2 L30 10 L22 10z M2 12 L10 12 L10 20 L2 20z M12 12 L20 12 L20 20 L12 20z M22 12 L30 12 L30 20 L22 20z M2 22 L10 22 L10 30 L2 30z M12 22 L20 22 L20 30 L12 30z M22 22 L30 22 L30 30 L22 30z',
-    history: 'M31.3510226,15.6624718 C31.3510226,23.4208104 25.0228069,29.7490261 17.2644683,29.7490261 C13.3633933,29.7490261 9.80936578,28.145223 7.2955414,25.5882133 L9.46263138,23.4208104 C11.4563542,25.3710349 14.2302293,26.6281036 17.2644683,26.6281036 C23.3326331,26.6281036 28.2301,21.7306367 28.2301,15.6624718 C28.2301,9.59430691 23.3326331,4.69652708 17.2644683,4.69652708 C11.9329575,4.69652708 7.4689086,8.38073652 6.47189074,13.4083853 L9.98273298,12.8882837 L4.99826955,19.8664699 L0.0573043855,12.8882837 L3.35128116,13.364887 C4.39148435,6.64706454 10.1995984,1.57591751 17.2644683,1.57591751 C25.0228069,1.57591751 31.3510226,7.86063493 31.3510226,15.6624718 Z M22.4222989,11.0679281 C24.2426545,10.2877757 25.4562249,13.1051492 23.6793675,13.9287998 L18.0449336,16.1825734 L16.8745485,19.3463683 C16.1810797,21.3400911 13.320521,20.04015 13.9704915,18.2629798 L15.3139308,14.5352721 C15.487298,14.1450394 15.7041635,13.8418033 16.0508979,13.7116214 L22.4222989,11.0679281 Z',
+    history: {
+        path: "M35,16.5 C35,25.0368108 28.12452,32 19.69524,32 C15.4568,32 11.59542,30.2352712 8.8642,27.421691 L11.2187,25.0368108 C13.38484,27.1827209 16.3986,28.5659239 19.69524,28.5659239 C26.28818,28.5659239 31.60918,23.1770449 31.60918,16.5 C31.60918,9.82295508 26.28818,4.43373173 19.69524,4.43373173 C13.90266,4.43373173 9.05256,8.48761496 7.96932,14.0197383 L11.78378,13.4474497 L6.36826,21.1258275 L1,13.4474497 L4.57884,13.9718754 C5.709,6.57998623 12.0194,1 19.69524,1 C28.12452,1 35,7.91532634 35,16.5 Z M21.2212723,10.8189082 L21.1121095,17.4229437 L23.8197636,19.9536905 C25.5447498,21.5044111 23.0137118,23.8063921 21.4895987,22.3922785 L18.2842405,19.4460113 C17.9625843,19.1048495 17.7475101,18.7575877 17.7628492,18.3548451 L17.789933,10.8461204 C17.7725216,8.69014788 21.1413368,8.68773723 21.2212723,10.8189082 Z",
+        attrs: { viewBox: "0 0 36 33" }
+    },
     int: {
         path: 'M15.141,15.512 L14.294,20 L13.051,20 C12.8309989,20 12.6403341,19.9120009 12.479,19.736 C12.3176659,19.5599991 12.237,19.343668 12.237,19.087 C12.237,19.0503332 12.2388333,19.0155002 12.2425,18.9825 C12.2461667,18.9494998 12.2516666,18.9146668 12.259,18.878 L12.908,15.512 L10.653,15.512 L10.015,19.01 C9.94899967,19.3620018 9.79866784,19.6149992 9.564,19.769 C9.32933216,19.9230008 9.06900143,20 8.783,20 L7.584,20 L8.42,15.512 L7.155,15.512 C6.92033216,15.512 6.74066729,15.4551672 6.616,15.3415 C6.49133271,15.2278328 6.429,15.0390013 6.429,14.775 C6.429,14.6723328 6.43999989,14.5550007 6.462,14.423 L6.605,13.554 L8.695,13.554 L9.267,10.518 L6.913,10.518 L7.122,9.385 C7.17333359,9.10633194 7.28699912,8.89916734 7.463,8.7635 C7.63900088,8.62783266 7.92499802,8.56 8.321,8.56 L9.542,8.56 L10.224,5.018 C10.282667,4.7246652 10.4183323,4.49733414 10.631,4.336 C10.8436677,4.17466586 11.0929986,4.094 11.379,4.094 L12.611,4.094 L11.775,8.56 L14.019,8.56 L14.866,4.094 L16.076,4.094 C16.3326679,4.094 16.5416659,4.1673326 16.703,4.314 C16.8643341,4.4606674 16.945,4.64766553 16.945,4.875 C16.945,4.9483337 16.9413334,5.00333315 16.934,5.04 L16.252,8.56 L18.485,8.56 L18.276,9.693 C18.2246664,9.97166806 18.1091676,10.1788327 17.9295,10.3145 C17.7498324,10.4501673 17.4656686,10.518 17.077,10.518 L15.977,10.518 L15.416,13.554 L16.978,13.554 C17.2126678,13.554 17.3904994,13.6108328 17.5115,13.7245 C17.6325006,13.8381672 17.693,14.0306653 17.693,14.302 C17.693,14.4046672 17.6820001,14.5219993 17.66,14.654 L17.528,15.512 L15.141,15.512 Z M10.928,13.554 L13.183,13.554 L13.744,10.518 L11.5,10.518 L10.928,13.554 Z',
         attrs: { viewBox: '0 0 24, 24' }

frontend/src/query_builder/QueryHeader.jsx

@@ -296,7 +296,7 @@ export default class QueryHeader extends Component {
                 <Tooltip key="history" tooltip="Revision history">
                     <ModalWithTrigger
                         ref="cardHistory"
-                        triggerElement={<span className="text-brand-hover"><Icon name="history" width="16px" height="16px" /></span>}
+                        triggerElement={<span className="text-brand-hover"><Icon name="history" width="18px" height="17px" /></span>}
                     >
                         <HistoryModal
                             revisions={this.state.revisions}
@@ -324,14 +324,13 @@ export default class QueryHeader extends Component {
         ]);
 
         // data reference button
-        var dataReferenceButtonClasses = cx('mx1 transition-color', {
-            'text-grey-4': !this.props.isShowingDataReference,
+        var dataReferenceButtonClasses = cx('mr1 transition-color', {
             'text-brand': this.props.isShowingDataReference,
             'text-brand-hover': !this.state.isShowingDataReference
         });
         buttonSections.push([
             <Tooltip key="dataReference" tooltip="Learn about your data">
-                <a className={dataReferenceButtonClasses} title="Get help on what data means">
+                <a className={dataReferenceButtonClasses}>
                     <Icon name='reference' width="16px" height="16px" onClick={this.onToggleDataReference}></Icon>
                 </a>
             </Tooltip>