Fix deprecated ng-bootstrap methods

[github/Chocobozzz/PeerTube.git] / client / src / app / search / search.component.scss

diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index f70d4bf8708b846961f088f59c2629c68ccb9b56..e5dfddcc59c1e9e5194a4c0d935eb8b19f8fc6ef 100644 (file)
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -11,7 +11,7 @@
 }
 
 .search-result {
-  margin: 40px;
+  padding: 40px;
 
   .results-header {
     font-size: 16px;
@@ -52,7 +52,7 @@
       max-height: 0;
 
       &.show {
-        max-height: 800px;
+        max-height: 1500px;
       }
     }
   }
@@ -103,22 +103,75 @@
         }
       }
     }
+
+    &.video-channel {
+
+      img {
+        @include avatar(120px);
+
+        margin: 0 50px 0 40px;
+      }
+
+      .video-channel-info {
+        flex-grow: 1;
+        width: fit-content;
+
+        .video-channel-names {
+          @include disable-default-a-behaviour;
+
+          display: flex;
+          align-items: baseline;
+          color: #000;
+          width: fit-content;
+
+          .video-channel-display-name {
+            font-weight: $font-semibold;
+            font-size: 18px;
+          }
+
+          .video-channel-name {
+            font-size: 14px;
+            color: $grey-actor-name;
+            margin-left: 5px;
+          }
+        }
+      }
+    }
   }
 }
 
 @media screen and (max-width: 800px) {
+  .search-result {
+    margin: 20px 10px;
+  }
+
+  .results-header {
+    font-size: 15px !important;
+  }
+
   .entry {
     flex-direction: column;
     height: auto;
     text-align: center;
 
     &.video {
-      .video-info-name {
+      .video-info-name,
+      .video-info-account {
         margin: auto;
       }
 
       my-video-thumbnail {
-        margin-right: 0;
+        margin-right: 0 !important;
+
+        /deep/ .video-thumbnail {
+          width: 100%;
+          height: auto;
+
+          img {
+            width: 100%;
+            height: auto;
+          }
+        }
       }
     }
   }