diff options
author | August Skare <post@augustskare.no> | 2018-10-29 16:13:03 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-10-29 16:13:03 +0800 |
commit | 3d4041ecd3d9384853514ea0cebc445e630b106e (patch) | |
tree | 6c242f914a2a0e2547f107656558618750c82a06 /packages/dev-tools-pages/ts/components/List.tsx | |
parent | 89e439c521aed35be72bee1094d8a431e5fc1d68 (diff) | |
download | dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.gz dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.bz2 dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.lz dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.xz dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.zst dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.zip |
Feature/feedbacktweaks (#11)
* Fix typo
* Fix 1px line showing in middle of divs
* Increase inline code padding by 2px
* Make masonry block not full width on screens larger than mobile
* Align list items
* Change button text to copied if it's been copied
Diffstat (limited to 'packages/dev-tools-pages/ts/components/List.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/List.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx index ceb3bc108..b9bc4ab24 100644 --- a/packages/dev-tools-pages/ts/components/List.tsx +++ b/packages/dev-tools-pages/ts/components/List.tsx @@ -5,18 +5,24 @@ import { media } from '../variables'; const StyledList = styled.ul` list-style-type: none; margin: 0; - padding-inline-start: 0.2rem; + padding-inline-start: 0rem; + position: relative; `; const StyledItem = styled.li` + position: relative; + padding-left: 26px; + :before { content: ''; + position: absolute; + left: 0; border: 1px solid black; width: 0.6875rem; height: 0.6875rem; display: inline-block; - transform: rotate(45deg); - margin-right: 1.09375rem; + transform: rotate(45deg) translateY(-50%); + top: 12px; } :not(:last-child) { margin-bottom: 0.5625rem; |