fix: History sidebar header shrinking when lots of history

app/components/DocumentHistory/DocumentHistory.js

@@ -193,6 +193,7 @@ const Header = styled(Flex)`
   padding: 12px;
   border-bottom: 1px solid ${(props) => props.theme.divider};
   color: ${(props) => props.theme.text};
+  flex-shrink: 0;
 `;
 
 export default inject("documents", "revisions")(DocumentHistory);

app/components/DocumentHistory/components/Revision.js

@@ -36,7 +36,7 @@ class RevisionListItem extends React.Component<Props> {
           {revision.createdBy.name}
         </Author>
         <Meta>
-          <Time dateTime={revision.createdAt}>
+          <Time dateTime={revision.createdAt} tooltipDelay={250}>
             {format(revision.createdAt, "MMMM Do, YYYY h:mm a")}
           </Time>
         </Meta>

app/components/Time.js

@@ -23,6 +23,7 @@ function eachMinute(fn) {
 type Props = {
   dateTime: string,
   children?: React.Node,
+  tooltipDelay?: number,
 };
 
 class Time extends React.Component<Props> {
@@ -42,6 +43,7 @@ class Time extends React.Component<Props> {
     return (
       <Tooltip
         tooltip={format(this.props.dateTime, "MMMM Do, YYYY h:mm a")}
+        delay={this.props.tooltipDelay}
         placement="bottom"
       >
         <time dateTime={this.props.dateTime}>