From d91c41b29c5918752306544ec1875d4e68a975fa Mon Sep 17 00:00:00 2001 From: August Skare Date: Wed, 7 Nov 2018 12:45:25 +0100 Subject: fix alignment on list bullest --- packages/dev-tools-pages/ts/components/List.tsx | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) (limited to 'packages') diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx index b9bc4ab24..5bf6a9a6b 100644 --- a/packages/dev-tools-pages/ts/components/List.tsx +++ b/packages/dev-tools-pages/ts/components/List.tsx @@ -5,24 +5,25 @@ import { media } from '../variables'; const StyledList = styled.ul` list-style-type: none; margin: 0; - padding-inline-start: 0rem; + padding: 0; position: relative; `; const StyledItem = styled.li` position: relative; - padding-left: 26px; + padding-left: 1.625rem; :before { content: ''; - position: absolute; - left: 0; border: 1px solid black; - width: 0.6875rem; - height: 0.6875rem; + width: 0.625rem; + height: 0.625rem; display: inline-block; - transform: rotate(45deg) translateY(-50%); - top: 12px; + position: absolute; + margin-top: 2px; + top: 0.3125rem; + left: 0; + transform: rotate(45deg); } :not(:last-child) { margin-bottom: 0.5625rem; -- cgit v1.2.3