Fix help icons

scm-ui/public/locales/en/repos.json

@@ -91,10 +91,9 @@
     "group": "Group",
     "error-title": "Error",
     "error-subtitle": "Unknown permissions error",
-    "name": "User or Group",
+    "name": "User or group",
     "role": "Role",
     "permissions": "Permissions",
-    "permissions-help": "Use this to specify your own set of permissions regardless of predefined roles",
     "group-permission": "Group Permission",
     "user-permission": "User Permission",
     "edit-permission": {
@@ -119,9 +118,10 @@
       "name-input-invalid": "Permission is not allowed to be empty! If it is not empty, your input name is invalid or it already exists!"
     },
     "help": {
-      "groupPermissionHelpText": "States if a permission is a group permission.",
+      "groupPermissionHelpText": "States if a permission is a group permission. iF this is not checked, it is a user permission.",
       "nameHelpText": "Manage permissions for a specific user or group",
-      "roleHelpText": "READ = read; WRITE = read and write; OWNER = read, write and also the ability to manage the properties and permissions"
+      "roleHelpText": "READ = read; WRITE = read and write; OWNER = read, write and also the ability to manage the properties and permissions",
+      "permissionsHelpText": "Use this to specify your own set of permissions regardless of predefined roles"
     },
     "autocomplete": {
       "no-group-options": "No group suggestion available",

scm-ui/src/repos/permissions/containers/CreatePermissionForm.js

@@ -199,7 +199,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
                 <div className="column is-half">
                   <LabelWithHelpIcon
                     label={t("permission.permissions")}
-                    helpText={t("permission.permissions.help")}
+                    helpText={t("permission.help.permissionsHelpText")}
                   />
                   <Button
                     label={t("permission.advanced-button.label")}

scm-ui/src/repos/permissions/containers/Permissions.js

@@ -21,7 +21,11 @@ import {
   modifyPermissionReset,
   deletePermissionReset
 } from "../modules/permissions";
-import { Loading, ErrorPage } from "@scm-manager/ui-components";
+import {
+  Loading,
+  ErrorPage,
+  LabelWithHelpIcon
+} from "@scm-manager/ui-components";
 import type {
   AvailableRepositoryPermissions,
   Permission,
@@ -142,12 +146,30 @@ class Permissions extends React.Component<Props> {
         <table className="has-background-light table is-hoverable is-fullwidth">
           <thead>
             <tr>
-              <th>{t("permission.name")}</th>
+              <th>
-              <th className="is-hidden-mobile">
+                <LabelWithHelpIcon
-                {t("permission.group-permission")}
+                  label={t("permission.name")}
+                  helpText={t("permission.help.nameHelpText")}
+                />
+              </th>
+              <th className="is-hidden-mobile">
+                <LabelWithHelpIcon
+                  label={t("permission.group-permission")}
+                  helpText={t("permission.help.groupPermissionHelpText")}
+                />
+              </th>
+              <th>
+                <LabelWithHelpIcon
+                  label={t("permission.role")}
+                  helpText={t("permission.help.roleHelpText")}
+                />
+              </th>
+              <th>
+                <LabelWithHelpIcon
+                  label={t("permission.permissions")}
+                  helpText={t("permission.help.permissionsHelpText")}
+                />
               </th>
-              <th>{t("permission.role")}</th>
-              <th>{t("permission.permissions")}</th>
               <th />
             </tr>
           </thead>