From cb9244de975909bac2922c4412fd948646ff3ba7 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 20 Dec 2017 15:36:29 +0100
Subject: Improve video tag in edit form

---
 .../videos/+video-edit/shared/video-edit.component.html    |  2 +-
 .../videos/+video-edit/shared/video-edit.component.scss    | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

(limited to 'client')

diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.html b/client/src/app/videos/+video-edit/shared/video-edit.component.html
index 4f92b4908..9acbafcb6 100644
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.html
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.html
@@ -10,7 +10,7 @@
     </div>
 
     <div class="form-group">
-      <label class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span>
+      <label class="label-tags">Tags</label> <span>(press Enter to add)</span>
       <tag-input
           [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
           formControlName="tags" maxItems="5" modelAsStrings="true"
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
index 4f8f031cf..81e3a0d19 100644
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
@@ -43,6 +43,10 @@
       margin-right: 10px;
     }
   }
+
+  .label-tags + span {
+    font-size: 15px;
+  }
 }
 
 .submit-container {
@@ -95,6 +99,14 @@
     border: 1px solid #C6C6C6;
     border-radius: 3px;
     padding: 5px !important;
+    height: 40px;
+  }
+
+  tag-input-form {
+    input {
+      height: 30px !important;
+      background-color: #fff !important;
+    }
   }
 
   tag {
@@ -120,6 +132,8 @@
     padding-left: 6px !important;
 
     svg {
+      position: relative;
+      top: -1px;
       height: auto !important;
       vertical-align: middle !important;
       fill: #585858 !important;
-- 
cgit v1.2.3