From ade5cb337a73331ec2460e4dddf4a9c4a9e9e90c Mon Sep 17 00:00:00 2001
From: Benedikt Kulmann <benedikt@kulmann.biz>
Date: Tue, 29 Sep 2020 09:53:38 +0200
Subject: [PATCH] Align table style with files app

---
 accounts/ui/components/accounts/AccountsList.vue    | 9 ++++++++-
 accounts/ui/components/accounts/AccountsListRow.vue | 7 ++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/accounts/ui/components/accounts/AccountsList.vue b/accounts/ui/components/accounts/AccountsList.vue
index 8519debce7..f36113a134 100644
--- a/accounts/ui/components/accounts/AccountsList.vue
+++ b/accounts/ui/components/accounts/AccountsList.vue
@@ -2,13 +2,14 @@
   <div>
     <oc-table middle divider>
       <oc-table-group>
-        <oc-table-row>
+        <oc-table-row class="fix-table-header">
           <oc-table-cell shrink type="head">
             <oc-checkbox
               :value="areAllAccountsSelected"
               :label="$gettext('Select all users')"
               hide-label
               @change="toggleSelectionAll"
+              class="uk-margin-small-left"
             />
           </oc-table-cell>
           <oc-table-cell shrink type="head" />
@@ -57,3 +58,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.fix-table-header > th {
+  text-transform: none;
+}
+</style>
diff --git a/accounts/ui/components/accounts/AccountsListRow.vue b/accounts/ui/components/accounts/AccountsListRow.vue
index c0dd8154d0..12b995a6f2 100644
--- a/accounts/ui/components/accounts/AccountsListRow.vue
+++ b/accounts/ui/components/accounts/AccountsListRow.vue
@@ -1,7 +1,12 @@
 <template>
   <oc-table-row>
     <oc-table-cell>
-      <oc-checkbox :value="isAccountSelected" @change="TOGGLE_SELECTION_ACCOUNT(account)" :label="selectAccountLabel" hide-label />
+      <oc-checkbox
+        class="uk-margin-small-left"
+        :value="isAccountSelected"
+        @change="TOGGLE_SELECTION_ACCOUNT(account)"
+        :label="selectAccountLabel" hide-label
+      />
     </oc-table-cell>
     <oc-table-cell>
       <avatar :user-name="account.displayName || account.onPremisesSamAccountName" :userid="account.id" :width="35" />