From d90e1dc0ec2416d28cf369384ff40dba612344cc Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Thu, 14 Jan 2016 16:36:13 -0500
Subject: [PATCH] (html) Review ACL editor for better FF support

Fixes #152
---
 UI/Templates/UIxAclEditor.wox                        | 8 ++++----
 UI/WebServerResources/scss/components/card/card.scss | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/UI/Templates/UIxAclEditor.wox b/UI/Templates/UIxAclEditor.wox
index b5b056f24..d64457b1d 100644
--- a/UI/Templates/UIxAclEditor.wox
+++ b/UI/Templates/UIxAclEditor.wox
@@ -49,8 +49,8 @@
       <md-card ng-repeat="user in acl.users | orderBy:['userClass', 'displayName']"
                class="sg-collapsed"
                ng-class="{ 'sg-expanded': user.uid == acl.selectedUid }">
-        <md-button ng-click="acl.selectUser(user)">
-          <div layout="row" layout-align="start center" class="md-flex">
+        <a class="md-flex md-button" ng-click="acl.selectUser(user)">
+          <div layout="row" layout-align="start center">
             <span class="card-picture" ng-switch="user.userClass">
               <div ng-switch-when="normal-user">
                 <sg-avatar-image class="md-avatar"
@@ -64,13 +64,13 @@
               <div class="sg-md-subhead"><div>{{user.cn}}</div></div>
               <div class="sg-md-body"><div>{{user.c_email}}</div></div>
             </div>
-            <md-button class="md-icon-button" type="button"
+            <md-button class="md-icon-button md-secondary" type="button"
                        ng-click="acl.removeUser(user)"
                        ng-hide="user.uid != acl.selectedUid || user.$isSpecial()">
               <md-icon>delete</md-icon>
             </md-button>
           </div>
-        </md-button>
+        </a>
         <md-card-content id="AccessRightList" ng-show="user.uid == acl.selectedUid">
           <var:if condition="canSubscribeUsers">
             <md-checkbox ng-model="user.isSubscribed"
diff --git a/UI/WebServerResources/scss/components/card/card.scss b/UI/WebServerResources/scss/components/card/card.scss
index bdbe71868..c7c3069d1 100644
--- a/UI/WebServerResources/scss/components/card/card.scss
+++ b/UI/WebServerResources/scss/components/card/card.scss
@@ -25,6 +25,10 @@ md-card {
     }
   }
 
+  .md-secondary {
+    @extend .md-secondary;
+  }
+
   // Collapsed/expanded states for cards in ACL editor
   &.sg-collapsed, &.sg-expanded {
     transition: $swift-ease-in-out;