Mobile spacing for override ldap permissions box

Toggle button text fix

app/assets/javascripts/members.js.es6

@@ -37,8 +37,11 @@
             return $el.data('id');
           },
           toggleLabel (selected, $el) {
-            console.log($el.text().trim());
-            return $el.text();
+            if ($link.data('revert')) {
+              return $btn.text();
+            } else {
+              return $el.text();
+            }
           },
           clicked: (selected, $el) => {
             const $link = $($el);

app/assets/stylesheets/pages/members.scss

@@ -6,7 +6,11 @@
 .member {
   &.is-overriden {
     .btn-ldap-override {
-      visibility: hidden;
+      display: none!important;
+    }
+
+    .form-horizontal {
+      margin-right: 45px;
     }
   }
 
@@ -117,14 +121,36 @@
 
 .alert-member-ldap {
   background-color: #fff1e0;
-  line-height: 40px;
+
+  @media (min-width: $screen-sm-min) {
+    line-height: 40px;
+  }
 
   > p {
     float: left;
+    margin-bottom: 10px;
     color: $orange-normal;
 
     @media (min-width: $screen-sm-min) {
       padding-left: 55px;
+      margin-bottom: 0;
+    }
+  }
+
+  .controls {
+    width: 100%;
+
+    @media (min-width: $screen-sm-min) {
+      width: auto;
     }
   }
 }
+
+.btn-ldap-override {
+  width: 100%;
+
+  @media (min-width: $screen-sm-min) {
+    margin-left: 10px;
+    width: auto;
+  }
+}

app/views/shared/members/_member.html.haml

@@ -115,10 +115,12 @@
                 Delete
               = icon('trash', class: 'hidden-xs')
         - elsif member.ldap
-          %button.btn.btn-default.btn-ldap-override.prepend-left-10.js-ldap-permissions{ type: "button",
-            "aria-label" => "Override LDAP settings",
+          %button.btn.btn-default.btn-ldap-override.js-ldap-permissions{ type: "button",
+            "aria-label" => "Edit permissions",
             data: { name: user.name, id: dom_id(member) } }
-            = icon("pencil")
+            %span.visible-xs-block.visible-sm-block
+              Edit permissions
+            = icon("pencil", class: "hidden-xs hidden-sm")
       - else
         %span.member-access-text= member.human_access
 - if member.ldap