Use form-control to display box-shadow on form inputs/selects upon focus

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-watch / modal / video-share.component.scss

diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.scss b/client/src/app/videos/+video-watch/modal/video-share.component.scss
index c48abf9e05affa1be8474111f405ee5d30023bc6..091d4dc3bb556d4e46a022d66beae6402a5d01b4 100644 (file)
--- a/client/src/app/videos/+video-watch/modal/video-share.component.scss
+++ b/client/src/app/videos/+video-watch/modal/video-share.component.scss
@@ -1,19 +1,27 @@
 @import '_mixins';
 @import '_variables';
 
-.peertube-select-container {
-  @include peertube-select-container(200px);
+my-input-readonly-copy {
+  width: 100%;
+}
+
+.title-page.title-page-single {
+  margin-top: 0;
+}
+
+.playlist {
+  margin-bottom: 50px;
 }
 
-.action-button-cancel {
-  margin-right: 0 !important;
+.peertube-select-container {
+  @include peertube-select-container(200px);
 }
 
 .qr-code-group {
   text-align: center;
 }
 
-.tab-content {
+.nav-content {
   margin-top: 30px;
   display: flex;
   justify-content: center;
@@ -25,20 +33,14 @@
   margin-top: 20px;
 }
 
-input.readonly {
-  font-size: 15px;
-}
-
 .filters {
   margin-top: 30px;
-  padding-top: 30px;
-  border-top: 1px solid $separator-border-color;
 
   .advanced-filters-button {
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-top: 30px;
+    margin-top: 20px;
     font-size: 16px;
     font-weight: $font-semibold;
     cursor: pointer;