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 1/2] 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;
+    }
   }
 }
 

From e38887aa268731e6443c36f5d849585395e5109d Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Tue, 28 Apr 2020 18:54:58 +0200
Subject: [PATCH 2/2] Ensured side menu is not swippoed when horizontally
 scrolling visits table

---
 src/common/MenuLayout.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/common/MenuLayout.js b/src/common/MenuLayout.js
index 8bdb577d..15682458 100644
--- a/src/common/MenuLayout.js
+++ b/src/common/MenuLayout.js
@@ -31,8 +31,12 @@ const MenuLayout = (TagsList, ShortUrls, AsideMenu, CreateShortUrl, ShortUrlVisi
     const burgerClasses = classNames('menu-layout__burger-icon', {
       'menu-layout__burger-icon--active': sidebarVisible,
     });
-    const swipeMenuIfNoModalExists = (callback) => () => {
-      if (document.querySelector('.modal')) {
+    const swipeMenuIfNoModalExists = (callback) => (e) => {
+      const swippedOnVisitsTable = e.event.path.some(
+        ({ classList }) => classList && classList.contains('visits-table')
+      );
+
+      if (swippedOnVisitsTable || document.querySelector('.modal')) {
         return;
       }