From efdf2fb41a19c8bf03aad1682acc025ef21eaf84 Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Sun, 4 Aug 2019 22:23:21 -0400
Subject: [PATCH] Fixed: tag input alignment and height

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
---
 frontend/src/Components/Form/TagInput.css      | 3 +--
 frontend/src/Components/Form/TagInputInput.css | 4 +++-
 frontend/src/Components/Form/TagInputTag.css   | 5 +++++
 frontend/src/Components/Form/TagInputTag.js    | 3 ++-
 4 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/Components/Form/TagInputTag.css

diff --git a/frontend/src/Components/Form/TagInput.css b/frontend/src/Components/Form/TagInput.css
index 5cabec539..1516bfb1d 100644
--- a/frontend/src/Components/Form/TagInput.css
+++ b/frontend/src/Components/Form/TagInput.css
@@ -1,4 +1,3 @@
-
 .input {
   composes: input from '~./AutoSuggestInput.css';
 
@@ -19,6 +18,6 @@
   min-width: 20%;
   max-width: 100%;
   width: 0%;
-  height: 21px;
+  height: 31px;
   border: none;
 }
diff --git a/frontend/src/Components/Form/TagInputInput.css b/frontend/src/Components/Form/TagInputInput.css
index 22515b310..292f1a089 100644
--- a/frontend/src/Components/Form/TagInputInput.css
+++ b/frontend/src/Components/Form/TagInputInput.css
@@ -4,7 +4,9 @@
   bottom: -1px;
   left: -1px;
   display: flex;
+  align-items: start;
   flex-wrap: wrap;
-  padding: 6px 16px;
+  padding: 1px 16px;
+  min-height: 33px;
   cursor: default;
 }
diff --git a/frontend/src/Components/Form/TagInputTag.css b/frontend/src/Components/Form/TagInputTag.css
new file mode 100644
index 000000000..bf08e13fc
--- /dev/null
+++ b/frontend/src/Components/Form/TagInputTag.css
@@ -0,0 +1,5 @@
+.tag {
+  composes: link from '~Components/Link/Link.css';
+
+  height: 31px;
+}
diff --git a/frontend/src/Components/Form/TagInputTag.js b/frontend/src/Components/Form/TagInputTag.js
index 8d650702b..f5935ad7b 100644
--- a/frontend/src/Components/Form/TagInputTag.js
+++ b/frontend/src/Components/Form/TagInputTag.js
@@ -4,6 +4,7 @@ import { kinds } from 'Helpers/Props';
 import tagShape from 'Helpers/Props/Shapes/tagShape';
 import Label from 'Components/Label';
 import Link from 'Components/Link/Link';
+import styles from './TagInputTag.css';
 
 class TagInputTag extends Component {
 
@@ -31,9 +32,9 @@ class TagInputTag extends Component {
       tag,
       kind
     } = this.props;
-
     return (
       <Link
+        className={styles.tag}
         tabIndex={-1}
         onPress={this.onDelete}
       >