From 04115ac2640c9cd628fa61988bf3f79d28fc610d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 20 Feb 2019 17:26:09 -0500
Subject: [PATCH] fix: icon alignment on file page

---
 src/renderer/scss/component/_button.scss     |  2 +-
 src/renderer/scss/component/_form-field.scss |  2 +-
 src/renderer/scss/component/_media.scss      | 10 ++++++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss
index c6b54bade..e85ae97ac 100644
--- a/src/renderer/scss/component/_button.scss
+++ b/src/renderer/scss/component/_button.scss
@@ -17,7 +17,7 @@
       stroke-opacity: 1;
       width: 1.4rem;
       height: 1.4rem;
-      top: 0;
+      top: 0.1em;
     }
   }
 
diff --git a/src/renderer/scss/component/_form-field.scss b/src/renderer/scss/component/_form-field.scss
index a297c93d1..39eb25ba7 100644
--- a/src/renderer/scss/component/_form-field.scss
+++ b/src/renderer/scss/component/_form-field.scss
@@ -9,7 +9,7 @@ input[type='number'] {
 input[type='text'],
 input[type='number'],
 select {
-  padding-bottom: 0.2em;
+  padding-bottom: 0.1em;
 
   [data-mode='dark'] & {
     &::placeholder {
diff --git a/src/renderer/scss/component/_media.scss b/src/renderer/scss/component/_media.scss
index 90756e244..88e65a600 100644
--- a/src/renderer/scss/component/_media.scss
+++ b/src/renderer/scss/component/_media.scss
@@ -144,8 +144,8 @@
 .media__actions {
   display: flex;
   flex-wrap: wrap;
-  padding-top: var(--spacing-vertical-large);
-  padding-bottom: var(--spacing-vertical-large);
+  margin-top: var(--spacing-vertical-small);
+  margin-bottom: var(--spacing-vertical-small);
 }
 
 .media__actions--between {
@@ -160,6 +160,8 @@
 
 .media__action-group--large {
   display: flex;
+  margin-top: var(--spacing-vertical-small);
+  margin-bottom: var(--spacing-vertical-small);
 
   > * {
     font-size: 1.15rem;
@@ -168,6 +170,10 @@
       margin-right: var(--spacing-vertical-large);
     }
   }
+
+  &:not(:last-child) {
+    margin-right: var(--spacing-vertical-large);
+  }
 }
 
 //  M E D I A