From 3d4041ecd3d9384853514ea0cebc445e630b106e Mon Sep 17 00:00:00 2001 From: August Skare Date: Mon, 29 Oct 2018 08:13:03 +0000 Subject: 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 --- packages/dev-tools-pages/ts/components/List.tsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) (limited to 'packages/dev-tools-pages/ts/components/List.tsx') 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; -- cgit v1.2.3