From 54fec79945c4dae9f97b5be0fb6f8027e47d99ec Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Mon, 27 Apr 2020 18:04:24 +0200
Subject: [PATCH] First minor improvements to the visits table responsiveness

---
 src/visits/VisitsTable.js   | 2 +-
 src/visits/VisitsTable.scss | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/visits/VisitsTable.js b/src/visits/VisitsTable.js
index 6c5e082f..346143ac 100644
--- a/src/visits/VisitsTable.js
+++ b/src/visits/VisitsTable.js
@@ -88,7 +88,7 @@ const VisitsTable = ({
   }, [ searchTerm ]);
 
   return (
-    <table className="table table-striped table-bordered table-hover table-sm visits-table">
+    <table className="table table-striped table-bordered table-hover table-sm table-responsive-sm visits-table">
       <thead className="visits-table__header">
         <tr>
           <th
diff --git a/src/visits/VisitsTable.scss b/src/visits/VisitsTable.scss
index 9249df8b..5634d3c6 100644
--- a/src/visits/VisitsTable.scss
+++ b/src/visits/VisitsTable.scss
@@ -12,8 +12,10 @@
 
   @include sticky-cell();
 
-  &.visits-table__sticky {
-    top: $headerHeight - 2px;
+  @media (min-width: $mdMin) {
+    &.visits-table__sticky {
+      top: $headerHeight - 2px;
+    }
   }
 }