From a28a4a5c8347715f2b932ec5dc5c1b69a3826718 Mon Sep 17 00:00:00 2001 From: ghalestrilo Date: Tue, 11 Aug 2020 18:38:52 -0300 Subject: [PATCH] :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"; }