Merge branch 'release/5.0.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-library / my-history / my-history.component.scss

diff --git a/client/src/app/+my-library/my-history/my-history.component.scss b/client/src/app/+my-library/my-history/my-history.component.scss
index 8d61cb68b3a9a42015ea1eb2b705d18627f08bc3..21011a089af4c54a0ffc90828928d5b198009958 100644 (file)
--- a/client/src/app/+my-library/my-history/my-history.component.scss
+++ b/client/src/app/+my-library/my-history/my-history.component.scss
@@ -1,12 +1,11 @@
-@use '_variables';
-@use '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .no-history {
   display: flex;
   justify-content: center;
   margin-top: 50px;
   font-weight: $font-semibold;
-  font-size: 16px;
 }
 
 .top-buttons {
@@ -29,11 +28,11 @@
 
     grid-column: 3;
     display: flex;
+    align-items: center;
 
     label {
       margin: 0 0 0 5px;
       color: var(--greyForegroundColor);
-      font-size: 15px;
       font-weight: $font-semibold;
     }
   }
@@ -44,8 +43,6 @@
     @include button-with-icon;
 
     grid-column: 4;
-
-    font-size: 15px;
   }
 }
 
@@ -53,6 +50,11 @@
   @include row-blocks($column-responsive: false);
 }
 
+.action-button {
+  display: flex;
+  align-self: flex-end;
+}
+
 @media screen and (max-width: $small-view) {
   .top-buttons {
     grid-template-columns: auto 1fr auto;