From 26323cccf2badb022656895d95f741c0df3ca09e Mon Sep 17 00:00:00 2001
From: Evelyn Eastmond <evhan55@gmail.com>
Date: Mon, 15 Apr 2019 14:40:20 -0400
Subject: [PATCH] Hide bottom border on header in shrink mode.

---
 src/components/cards/card.css  | 4 ++++
 src/components/cards/cards.jsx | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/card.css b/src/components/cards/card.css
index 0b8c583d9..f1ae12cfc 100644
--- a/src/components/cards/card.css
+++ b/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;
diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index be2fdb4f0..525007288 100644
--- a/src/components/cards/cards.jsx
+++ b/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}