Use grid to organise settings in admin, my-account

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

diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss
index 909b65bc7118d71373c079278d9d6ddc5393a915..96484c9d3d8ab5b45ad42e3cd0268499860c4a45 100644 (file)
--- a/client/src/app/+accounts/accounts.component.scss
+++ b/client/src/app/+accounts/accounts.component.scss
@@ -3,4 +3,41 @@
 
 .sub-menu {
   @include sub-menu-with-actor;
-}
\ No newline at end of file
+
+  .actor {
+    width: 100%;
+  }
+}
+
+.right-buttons {
+  display: flex;
+  height: max-content;
+  margin-left: auto;
+  margin-top: 20px;
+
+  a {
+    @include peertube-button-outline;
+  }
+
+  my-subscribe-button {
+    min-height: 30px;
+  }
+}
+
+my-user-moderation-dropdown,
+.badge {
+  margin-left: 10px;
+
+  position: relative;
+  top: 3px;
+}
+
+.badge {
+  font-size: 13px;
+}
+
+.copy-button {
+  border: none;
+  padding: 5px;
+  margin-top: -2px;
+}