Style action menu buttons

1 files changed, 38 insertions, 9 deletions

diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss
index aa6fd1e..5ceec88 100644
--- a/assets/stylesheets/responsive/custom.scss
+++ b/assets/stylesheets/responsive/custom.scss
@@ -543,17 +543,32 @@ a.link_button_green_large {
 .request-header__action-bar__actions {
   .action-menu__button {
     @include button-secondary();
+    &:after {
+      border-color: #a5a5a5 transparent transparent transparent;
+      right: 7%;
+    }
   }
 
   .action-bar__follow-button {
     .track__action {
       @include button-primary();
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      margin-bottom: 0;
     }
   }
 
   .action-bar__follower-count {
-    padding: 3px;
-    font-size: 1.1rem;
+    color: $color_dark_grey;
+    padding: 0.56em 1.25em;
+    border: 1px solid $color_light_grey;
+    position: relative;
+    left: -3px;
+    line-height: 1.6em;
+    border-left: 0;
+    border-radius: 3px;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
   }
 }
 
@@ -797,14 +812,28 @@ dt {
 }
 
 /* Authority page */
-.action-bar__follower-count {
-  padding: 3px;
-  font-size: 1.1rem;
-}
+.authority__header__action-bar {
+  .action-bar__follow-button {
+    .track_action,
+    .link_button_green {
+      @include button-secondary();
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      margin-bottom: 0;
+    }
+  }
 
-.action-bar__follow-button {
-  .link_button_green {
-    @include button-secondary();
+  .action-bar__follower-count {
+    color: $color_dark_grey;
+    padding: 0.56em 1.25em;
+    border: 1px solid $color_light_grey;
+    position: relative;
+    left: -3px;
+    line-height: 1.6em;
+    border-left: 0;
+    border-radius: 3px;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
   }
 }