eclipse-vorto#2088:

Small UI/UX improvements: * nicer design /spacing for the new "create technical user form" * add user autofocuses on the user name input box Signed-off-by: Menahem Julien Raccah Lisei <[email protected]>
bosch-io · Dec 20, 2019 · d5c8291 · d5c8291
1 parent 629fae0
commit d5c8291
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/repository/repository-web/dist/partials/admin/createOrUpdateUser.html b/repository/repository-web/dist/partials/admin/createOrUpdateUser.html
@@ -15,7 +15,7 @@ <h4 class="modal-title">{{ mode }} User <a class="help-icon"
 		<div class="form-group">
 		    <label for="userId" class="col-sm-2 control-label">User ID</label>
 		    <div class="col-sm-10">
-		    	<input type="text" class="form-control" id="userId" placeholder="userId" ng-model="user.username" ng-readonly="user.edit">
+		    	<input autofocus type="text" class="form-control" id="userId" placeholder="userId" ng-model="user.username" ng-readonly="user.edit">
 		    </div>
 		</div>
 

diff --git a/repository/repository-web/dist/partials/admin/createTechnicalUser.html b/repository/repository-web/dist/partials/admin/createTechnicalUser.html
@@ -7,23 +7,24 @@ <h4 class="modal-title">Create technical user
   </h4>
 </div>
 <div class="modal-body">
-  <div class="row">
-    User <i>{{user.username}}</i> does not exist. <br/><br/>
-    Create a new technical user and add it to the <i>{{tenant.defaultNamespace}}</i> namespace by selecting the
-    desired authentication provider below.
+  <div>
+      User <i>{{user.username}}</i> does not exist. <br/><br/>
+      Create a new technical user and add it to the <i>{{tenant.defaultNamespace}}</i> namespace by selecting the
+      desired authentication provider below.
     <hr/>
   </div>
 
+
   <div class="row" ng-show="errorMessage !== ''">
     <div class="alert alert-danger" role="alert">{{ errorMessage }}</div>
   </div>
 
   <div class="table">
+    <br/>
     <div ng-repeat="provider in context.providers" class="table-row-cell" >
         <input id={{provider.id}} type="radio" name="authorizationProvider" ng-model=$parent.selectedAuthenticationProviderId class="btn btn-default" value={{provider.id}} />
         <img src="{{provider.logoHref}}" alt="Select {{provider.label}}"/>
         <label  for={{provider.id}}>{{provider.label}}</label>
-        </br>
     </div>
   </div>
 </div>