Design modals

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-edit / shared / video-edit.component.scss

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 f4466bdde2fe9a70610ba62ecfb363c8ac8d05e9..81e3a0d19b634c019a99608e099b3f0662d5d092 100644 (file)
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
@@ -1,6 +1,14 @@
 @import '_variables';
 @import '_mixins';
 
+.peertube-select-container {
+  @include peertube-select-container(auto);
+}
+
+.peertube-select-disabled-container {
+  @include peertube-select-disabled-container(auto);
+}
+
 .video-edit {
   height: 100%;
 
@@ -13,14 +21,10 @@
     display: block;
 
     &[type=checkbox] {
-      outline: 0;
+      @include peertube-checkbox(1px);
     }
   }
 
-  select {
-    @include peertube-select(100%);
-  }
-
   input, select {
     font-size: 15px
   }
@@ -39,6 +43,10 @@
       margin-right: 10px;
     }
   }
+
+  .label-tags + span {
+    font-size: 15px;
+  }
 }
 
 .submit-container {
@@ -91,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 {
@@ -116,6 +132,8 @@
     padding-left: 6px !important;
 
     svg {
+      position: relative;
+      top: -1px;
       height: auto !important;
       vertical-align: middle !important;
       fill: #585858 !important;