From 7cf49d2c1a1d82577bdd4d263d24464c0498a5b6 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Fri, 10 Apr 2020 19:47:42 +0200
Subject: [PATCH] Increased minimum charts height

---
 src/visits/GraphCard.js      | 2 +-
 src/visits/ShortUrlVisits.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/visits/GraphCard.js b/src/visits/GraphCard.js
index 3a0e6ac1..acd40d5c 100644
--- a/src/visits/GraphCard.js
+++ b/src/visits/GraphCard.js
@@ -88,7 +88,7 @@ const renderGraph = (title, isBarChart, stats, max, highlightedStats, onClick) =
     }),
   };
   const graphData = generateGraphData(title, isBarChart, labels, data, highlightedData);
-  const height = isBarChart && labels.length > 20 ? labels.length * 8 : null;
+  const height = isBarChart && labels.length > 20 ? labels.length * 8 : 200;
 
   // Provide a key based on the height, so that every time the dataset changes, a new graph is rendered
   return (
diff --git a/src/visits/ShortUrlVisits.js b/src/visits/ShortUrlVisits.js
index 1a057279..0d279ae2 100644
--- a/src/visits/ShortUrlVisits.js
+++ b/src/visits/ShortUrlVisits.js
@@ -198,7 +198,7 @@ const ShortUrlVisits = ({ processStatsFromVisits, normalizeVisits }, OpenMapModa
             </div>
             <div className="col-lg-5 col-xl-6 mt-4 mt-lg-0">
               {showTableControls && (
-                <span className={classNames({ 'row flex-row-reverse': isMobileDevice })}>
+                <span className={classNames({ row: isMobileDevice })}>
                   <span className={classNames({ 'col-6': isMobileDevice })}>
                     <Button outline color="primary" block={isMobileDevice} onClick={toggleTable}>
                       {showTable ? 'Hide' : 'Show'} table