Hide bottom border on header in shrink mode.

Author: evhan55

src/components/cards/card.css

@@ -112,6 +112,10 @@
     font-weight: bold;
 }
 
+.header-buttons-hidden {
+    border-bottom: 0px;
+}
+
 .header-buttons-right {
     display: flex;
     flex-direction: row;

src/components/cards/cards.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React, {Fragment} from 'react';
+import classNames from 'classnames';
 import {FormattedMessage} from 'react-intl';
 import Draggable from 'react-draggable';
 
@@ -15,7 +16,7 @@ import {translateVideo} from '../../lib/libraries/decks/translate-video.js';
 import {translateImage} from '../../lib/libraries/decks/translate-image.js';
 
 const CardHeader = ({onCloseCards, onToggleCards, onShowAll, totalSteps, step, toggle}) => (
-    <div className={styles.headerButtons}>
+    <div className={toggle ? styles.headerButtons : classNames(styles.headerButtons, styles.headerButtonsHidden)}>
         <div
             className={styles.allButton}
             onClick={onShowAll}