about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/accounts.scss
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2023-01-26 23:35:23 +0100
committerGitHub <noreply@github.com>2023-01-26 23:35:23 +0100
commitd9a078e6d35b54804cfa696f1b2989b9769b8488 (patch)
tree1641df597a717e41f9f94cf3a9f0f7c17d230b0a /app/javascript/flavours/glitch/styles/components/accounts.scss
parentcfa92c4ec025609c24c24d73114033ecf150a438 (diff)
Add role badges to WebUI (#2096)
* [Glitch] Add role badges to WebUI

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

* [Glitch] Ensure role name remains readable

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/accounts.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/components/accounts.scss14
1 files changed, 11 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index 5b3e1db1b..c2a6593b1 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -533,14 +533,22 @@
 
   &__tabs {
     display: flex;
-    align-items: flex-start;
+    align-items: flex-end;
     justify-content: space-between;
     padding: 7px 10px;
-    margin-top: -55px;
-    gap: 8px;
+    margin-top: -81px;
+    height: 130px;
     overflow: hidden;
     margin-left: -2px; // aligns the pfp with content below
 
+    .account-role {
+      margin: 0 2px;
+      padding: 4px 0;
+      box-sizing: border-box;
+      min-width: 90px;
+      text-align: center;
+    }
+
     &__buttons {
       display: flex;
       align-items: center;