Fix pagination styles

gnosis · Oct 7, 2021 · a1a2918 · a1a2918
1 parent dfed77f
commit a1a2918
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/apps/explorer/components/OrdersTableWidget/PaginationOrdersTable.tsx b/src/apps/explorer/components/OrdersTableWidget/PaginationOrdersTable.tsx
@@ -2,6 +2,7 @@ import React, { useContext } from 'react'
 import styled, { css } from 'styled-components'
 import { faChevronRight, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { media } from 'theme/styles/media'
 
 import { Dropdown, DropdownOption } from 'apps/explorer/components/common/Dropdown'
 import { OrdersTableContext } from './context/OrdersTableContext'
@@ -47,6 +48,11 @@ const PaginationText = styled.p`
   &.legend {
     margin-left: 2rem;
   }
+  ${media.mediumDown} {
+    &:not(.legend) {
+      display: none;
+    }
+  }
 `
 
 const PaginationItem = styled(DropdownOption)`

diff --git a/src/components/orders/OrdersUserDetailsTable/index.tsx b/src/components/orders/OrdersUserDetailsTable/index.tsx
@@ -40,16 +40,13 @@ const Wrapper = styled(StyledUserDetailsTable)`
         backdrop-filter: none;
       }
     }
-    tr > td:first-of-type {
-      margin: 0;
-    }
     tr > td {
       display: flex;
       flex: 1;
       width: 100%;
       justify-content: space-between;
       margin: 0;
-      line-height: 2.75;
+      margin-bottom: 18px;
     }
     .header-value {
       flex-wrap: wrap;
@@ -76,7 +73,7 @@ const HeaderTitle = styled.span`
     font-weight: 600;
     align-items: center;
     display: flex;
-    margin-right: 5rem;
+    margin-right: 3rem;
     svg {
       margin-left: 5px;
     }