From c3db4ccb5e3867b8285dece2871ca1071a21e527 Mon Sep 17 00:00:00 2001
From: John Furrow <me@johnfurrow.com>
Date: Sat, 20 Apr 2019 12:13:54 -0700
Subject: [PATCH] Cleans up interactive list action styling

---
 .../components/modals/feeds-modal/DownloadRulesTab.js     | 2 +-
 .../javascript/components/modals/feeds-modal/FeedsTab.js  | 2 +-
 client/src/sass/components/_interactive-list.scss         | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/javascript/components/modals/feeds-modal/DownloadRulesTab.js b/client/src/javascript/components/modals/feeds-modal/DownloadRulesTab.js
index 66d747b3..1a7fdf4f 100644
--- a/client/src/javascript/components/modals/feeds-modal/DownloadRulesTab.js
+++ b/client/src/javascript/components/modals/feeds-modal/DownloadRulesTab.js
@@ -348,7 +348,7 @@ class DownloadRulesTab extends React.Component {
           </ul>
         </div>
         <span
-          className="interactive-list__icon interactive-list__icon--action interactive-list__icon--padding"
+          className="interactive-list__icon interactive-list__icon--action"
           onClick={() => this.handleModifyRuleClick(rule)}>
           <Edit />
         </span>
diff --git a/client/src/javascript/components/modals/feeds-modal/FeedsTab.js b/client/src/javascript/components/modals/feeds-modal/FeedsTab.js
index 2944fba8..c8fdcb5b 100644
--- a/client/src/javascript/components/modals/feeds-modal/FeedsTab.js
+++ b/client/src/javascript/components/modals/feeds-modal/FeedsTab.js
@@ -279,7 +279,7 @@ class FeedsTab extends React.Component {
           </ul>
         </div>
         <span
-          className="interactive-list__icon interactive-list__icon--action interactive-list__icon--padding"
+          className="interactive-list__icon interactive-list__icon--action"
           onClick={() => this.handleModifyFeedClick(feed)}>
           <Edit />
         </span>
diff --git a/client/src/sass/components/_interactive-list.scss b/client/src/sass/components/_interactive-list.scss
index 8e65ae2c..2fb8dcc2 100644
--- a/client/src/sass/components/_interactive-list.scss
+++ b/client/src/sass/components/_interactive-list.scss
@@ -180,10 +180,6 @@ $interactive-list--detail-list--item--padding--vertical: 0;
       }
     }
 
-    &--padding {
-      margin-right: 0.5em;
-    }
-
     &--action {
       cursor: pointer;
       transition: background $speed--xx-fast;
@@ -193,6 +189,10 @@ $interactive-list--detail-list--item--padding--vertical: 0;
           fill: $interactive-list--item--icon--fill--hover;
         }
       }
+
+      & + .interactive-list__icon--action {
+        margin-left: $spacing--x-small;
+      }
     }
   }