Add button in subscriptions to go to subscriptions list

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

diff --git a/client/src/app/videos/+video-edit/video-add.component.scss b/client/src/app/videos/+video-edit/video-add.component.scss
index a811b9cf0c91dcffa08d6c60c59f2dd440a21630..7acab374424a604953a45a1828102a5ae988afe4 100644 (file)
--- a/client/src/app/videos/+video-edit/video-add.component.scss
+++ b/client/src/app/videos/+video-edit/video-add.component.scss
@@ -5,15 +5,22 @@ $border-width: 3px;
 $border-type: solid;
 $border-color: #EAEAEA;
 
-$background-color:  #F7F7F7;
+.margin-content {
+  padding-top: 50px;
+}
 
-/deep/ tabset.root-tabset.video-add-tabset {
-  &.hide-nav .nav {
+.alert {
+  font-size: 15px;
+}
+
+::ng-deep .root-tabset.video-add-tabset {
+  margin-top: 50px;
+
+  &.hide-nav > .nav {
     display: none !important;
   }
 
   & > .nav {
-
     border-bottom: $border-width $border-type $border-color;
     margin: 0 !important;
 
@@ -21,7 +28,9 @@ $background-color:  #F7F7F7;
       margin-bottom: -$border-width;
     }
 
-    .nav-link {
+    a.nav-link {
+      @include disable-default-a-behaviour;
+
       height: 40px !important;
       padding: 0 30px !important;
       font-size: 15px;
@@ -29,10 +38,10 @@ $background-color:  #F7F7F7;
       &.active {
         border: $border-width $border-type $border-color;
         border-bottom: none;
-        background-color: $background-color !important;
+        background-color: var(--submenuColor) !important;
 
         span {
-          border-bottom: 2px solid #F1680D;
+          border-bottom: 2px solid var(--mainColor);
           font-weight: $font-bold;
         }
       }
@@ -43,12 +52,13 @@ $background-color:  #F7F7F7;
     border: $border-width $border-type $border-color;
     border-top: none;
 
-    background-color: $background-color;
+    background-color: var(--submenuColor);
     border-radius: 3px;
     width: 100%;
-    height: 440px;
+    min-height: 440px;
+    padding-bottom: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
   }
-}
\ No newline at end of file
+}