From 3d4041ecd3d9384853514ea0cebc445e630b106e Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
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

