From 19bff74ad6c58d2e7f46b1a91d4c5ca3d685a626 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Tue, 11 Aug 2020 18:19:15 -0300
Subject: [PATCH 1/2] :ok_hand: distribute table header evenly

---
 client/modules/Mobile/MobileDashboardView.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/modules/Mobile/MobileDashboardView.jsx b/client/modules/Mobile/MobileDashboardView.jsx
index aeb66d5c..3e75db0f 100644
--- a/client/modules/Mobile/MobileDashboardView.jsx
+++ b/client/modules/Mobile/MobileDashboardView.jsx
@@ -31,11 +31,9 @@ const ContentWrapper = styled(Content)`
   
   td ,thead button {
     font-size: ${remSize(10)};
-    padding-left: 0;
     text-align: left;
   };
 
-
   tbody th {
     font-size: ${remSize(16)};
     width: 100%;
@@ -46,16 +44,17 @@ const ContentWrapper = styled(Content)`
   };
 
   tbody td, thead th {
-    justify-self: stretch;
+    justify-self: center;
     align-self: flex-end;
     color: ${prop('primaryTextColor')}
   }
 
-  tbody td { justify-self: center; padding-left: ${remSize(12)}}
-
   thead th svg { margin-left: ${remSize(8)} }
   
+  tbody td:first-child { justify-self: start; text-align: start; };
+  tbody td { justify-self: center; }
   tbody td:last-child { justify-self: end; text-align: end; };
+
   .sketches-table .sketch-list__dropdown-column { min-width: unset };
 
   tbody { height: ${remSize(48)}; }
@@ -75,7 +74,7 @@ const ContentWrapper = styled(Content)`
   };
 
   thead tr {
-    grid-template-columns: auto ${remSize(100)} ${remSize(100)} 0fr;
+    grid-template-columns: 1fr 1fr 1fr 0fr;
   }
 
   tbody tr {
@@ -86,6 +85,7 @@ const ContentWrapper = styled(Content)`
   }
 
   .loader-container { position: fixed ; padding-bottom: 32% }
+
 `;
 
 const Subheader = styled.div`

From a28a4a5c8347715f2b932ec5dc5c1b69a3826718 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Tue, 11 Aug 2020 18:38:52 -0300
Subject: [PATCH 2/2] :ok_hand: restore sidebar

---
 client/modules/Mobile/MobileDashboardView.jsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/client/modules/Mobile/MobileDashboardView.jsx b/client/modules/Mobile/MobileDashboardView.jsx
index 3e75db0f..7bae38f4 100644
--- a/client/modules/Mobile/MobileDashboardView.jsx
+++ b/client/modules/Mobile/MobileDashboardView.jsx
@@ -49,13 +49,15 @@ const ContentWrapper = styled(Content)`
     color: ${prop('primaryTextColor')}
   }
 
+
   thead th svg { margin-left: ${remSize(8)} }
   
-  tbody td:first-child { justify-self: start; text-align: start; };
-  tbody td { justify-self: center; }
-  tbody td:last-child { justify-self: end; text-align: end; };
+  
+  tbody td              { justify-self: start; text-align: start; padding: 0 }
+  tbody td:nth-child(2) { justify-self: start;  text-align: start; padding-left: ${remSize(12)}};
+  tbody td:last-child   { justify-self: end;    text-align: end; };
 
-  .sketches-table .sketch-list__dropdown-column { min-width: unset };
+  .sketch-list__dropdown-column { width: auto; };
 
   tbody { height: ${remSize(48)}; }
 
@@ -64,8 +66,11 @@ const ContentWrapper = styled(Content)`
     background: ${prop('SketchList.background')};
     }
   .sketches-table__row {
-    background: ${prop('SketchList.card.background')} !important; height: auto
+    background: ${prop('SketchList.card.background')} !important;
+    height: auto
   }
+  
+
 
   tr {
     align-self: start;
@@ -80,7 +85,7 @@ const ContentWrapper = styled(Content)`
   tbody tr {
     padding: ${remSize(8)};
     border-radius: ${remSize(4)};
-    grid-template-columns: 5fr 5fr 2fr;
+    grid-template-columns: 5fr 5fr 1fr;
     grid-template-areas: "name name name" "content content content";
   }