about summary refs log tree commit diff
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-03-16 20:48:22 +0100
committerThibaut Girka <thib@sitedethib.com>2018-03-16 23:16:20 +0100
commitcd73af3bd08f070ebb88e9e1afe39bf414683496 (patch)
tree28035c7ce1a4682c19a8a4e8e70c9b6d499e57c3
parentf00af46d706f22e1e24d229e3c3f8f959ffaf22e (diff)
[Glitch] Improve style of web UI account tabs
Port of 38b9af76a2365b2099dd2d6a77225a4ace8c290f to glitch
-rw-r--r--app/javascript/flavours/glitch/styles/components/accounts.scss14
1 files changed, 8 insertions, 6 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index 81adf7c31..a86120e08 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -431,22 +431,24 @@
 }
 
 .account__section-headline {
-  background: lighten($ui-base-color, 2%);
-  border-bottom: 1px solid lighten($ui-base-color, 4%);
+  background: darken($ui-base-color, 4%);
+  border-bottom: 1px solid lighten($ui-base-color, 8%);
   cursor: default;
   display: flex;
 
   a {
     display: block;
-    color: $ui-base-lighter-color;
-    padding: 15px 10px;
+    flex: 1 1 auto;
+    color: $ui-primary-color;
+    padding: 15px 0;
     font-size: 14px;
     font-weight: 500;
+    text-align: center;
     text-decoration: none;
     position: relative;
 
     &.active {
-      color: $ui-highlight-color;
+      color: $ui-secondary-color;
 
       &::before,
       &::after {
@@ -460,7 +462,7 @@
         transform: translateX(-50%);
         border-style: solid;
         border-width: 0 10px 10px;
-        border-color: transparent transparent lighten($ui-base-color, 4%);
+        border-color: transparent transparent lighten($ui-base-color, 8%);
       }
 
       &::after {