From df45e37bfcc3b4cb7222d85e73dc0b8bbc9f5f89 Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <jarrodmflesch@gmail.com>
Date: Fri, 13 Mar 2020 18:31:04 -0400
Subject: [PATCH] style tweak to the delete button

---
 .../controls/RepeatFieldButton/index.scss     |  2 +-
 .../forms/field-types/Repeater/index.scss     | 10 +++----
 src/client/components/graphics/X/index.js     | 30 ++++++++++++-------
 3 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/src/client/components/controls/RepeatFieldButton/index.scss b/src/client/components/controls/RepeatFieldButton/index.scss
index 91ab7d374a..97d3903c59 100644
--- a/src/client/components/controls/RepeatFieldButton/index.scss
+++ b/src/client/components/controls/RepeatFieldButton/index.scss
@@ -3,7 +3,7 @@
 .repeat-field-button {
   width: calc(100% + #{base(2)});
   margin-left: base(-1);
-  padding: base(1) 0;
+  padding: base(1.25) 0;
   position: relative;
 
   &:before {
diff --git a/src/client/components/forms/field-types/Repeater/index.scss b/src/client/components/forms/field-types/Repeater/index.scss
index d2aa0c24a7..6d6ecabfdb 100644
--- a/src/client/components/forms/field-types/Repeater/index.scss
+++ b/src/client/components/forms/field-types/Repeater/index.scss
@@ -38,20 +38,20 @@
 
   .btn.delete {
     position: absolute;
-    height: 30px;
-    width: 30px;
+    height: 20px;
+    width: 20px;
     margin: 0;
     top: base(1);
     right: base(1);
-    padding: 3px;
+    padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
 
     .x {
       @include color-svg($error);
-      height: 15px;
-      width: 15px;
+      height: 100%;
+      padding: 3px;
     }
   }
 }
diff --git a/src/client/components/graphics/X/index.js b/src/client/components/graphics/X/index.js
index 62d2d7a92c..50c100622a 100644
--- a/src/client/components/graphics/X/index.js
+++ b/src/client/components/graphics/X/index.js
@@ -5,30 +5,38 @@ import './index.scss';
 const X = () => {
   return (
     <svg
-      width="22px"
-      height="20px"
-      viewBox="0 0 22 20"
+      width="15px"
+      height="16px"
+      viewBox="0 0 15 16"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
       className="x"
     >
       <g
         stroke="none"
-        strokeWidth="2"
+        strokeWidth="1"
         fill="none"
         fillRule="evenodd"
+        strokeLinecap="square"
       >
         <g
+          transform="translate(7.000000, 8.000000) rotate(-315.000000) translate(-7.000000, -8.000000) translate(-3.500000, -2.500000)"
           className="stroke"
-          transform="translate(1.000000, 0.000000)"
         >
-          <path
-            d="M0,0 C6.66666667,6.66666667 13.3333333,13.3333333 20,20"
+          <line
+            x1="11"
+            y1="1"
+            x2="11"
+            y2="20"
+            id="Line"
           />
-          <path
-            d="M0,0 C6.66666667,6.66666667 13.3333333,13.3333333 20,20"
-            id="Path"
-            transform="translate(10.000000, 10.000000) scale(-1, 1) translate(-10.000000, -10.000000) "
+          <line
+            x1="10.5"
+            y1="0.5"
+            x2="10.5"
+            y2="19.5"
+            id="Line"
+            transform="translate(10.500000, 10.000000) rotate(90.000000) translate(-10.500000, -10.000000) "
           />
         </g>
       </g>