From a1acc72aca22bf2a65fba97dd8d633cb3be4048d Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Wed, 6 Feb 2019 16:41:49 +0100
Subject: [PATCH] fixed valignmet and added title

---
 .../containers/AdvancedPermissionsDialog.js   | 22 ++++++++++++-------
 .../containers/CreatePermissionForm.js        |  1 -
 .../containers/SinglePermission.js            |  9 ++------
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/scm-ui/src/repos/permissions/containers/AdvancedPermissionsDialog.js b/scm-ui/src/repos/permissions/containers/AdvancedPermissionsDialog.js
index 0d844fdf3f..d48f9ea0b3 100644
--- a/scm-ui/src/repos/permissions/containers/AdvancedPermissionsDialog.js
+++ b/scm-ui/src/repos/permissions/containers/AdvancedPermissionsDialog.js
@@ -50,7 +50,7 @@ class AdvancedPermissionsDialog extends React.Component<Props, State> {
     ) : null;
 
     return (
-      <div className={"modal is-active"}>
+      <div className="modal is-active">
         <div className="modal-background" />
         <div className="modal-card">
           <header className="modal-card-head">
@@ -65,13 +65,19 @@ class AdvancedPermissionsDialog extends React.Component<Props, State> {
           </header>
           <section className="modal-card-body">
             <div className="content">{verbSelectBoxes}</div>
-            <form onSubmit={this.onSubmit}>
-              {submitButton}
-              <Button
-                label={t("permission.advanced.dialog.abort")}
-                action={onClose}
-              />
-            </form>
+            <div className="is-pulled-right">
+              <form onSubmit={this.onSubmit}>
+                <div className="field is-grouped">
+                  <p className="control">{submitButton}</p>
+                  <p className="control">
+                    <Button
+                      label={t("permission.advanced.dialog.abort")}
+                      action={onClose}
+                    />
+                  </p>
+                </div>
+              </form>
+            </div>
           </section>
         </div>
       </div>
diff --git a/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js b/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js
index aa69f7b3e1..2c026626ed 100644
--- a/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js
+++ b/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js
@@ -96,7 +96,6 @@ class CreatePermissionForm extends React.Component<Props, State> {
     const { t } = this.props;
     if (this.state.groupPermission) {
       return (
-
         <Autocomplete
           loadSuggestions={this.loadGroupAutocompletion}
           valueSelected={this.groupOrUserSelected}
diff --git a/scm-ui/src/repos/permissions/containers/SinglePermission.js b/scm-ui/src/repos/permissions/containers/SinglePermission.js
index 3f578fcd27..e5a9c604a6 100644
--- a/scm-ui/src/repos/permissions/containers/SinglePermission.js
+++ b/scm-ui/src/repos/permissions/containers/SinglePermission.js
@@ -150,16 +150,11 @@ class SinglePermission extends React.Component<Props, State> {
       />
     ) : null;
 
-    const type =
-      permission && permission.groupPermission
-        ? t("permission.group")
-        : t("permission.user");
-
     const iconType =
       permission && permission.groupPermission ? (
-        <i className={classNames("fas fa-user-friends", classes.iconColor)} />
+        <i title={t("permission.group")} className={classNames("fas fa-user-friends", classes.iconColor)} />
       ) : (
-        <i className={classNames("fas fa-user", classes.iconColor)} />
+        <i title={t("permission.user")} className={classNames("fas fa-user", classes.iconColor)} />
       );
 
     return (