LP#1967328: (follow-up) tweak layout
authorGalen Charlton <gmc@equinoxOLI.org>
Fri, 28 Apr 2023 11:11:36 +0000 (11:11 +0000)
committerGalen Charlton <gmc@equinoxOLI.org>
Fri, 28 Apr 2023 11:14:10 +0000 (11:14 +0000)
The modal to add permission maps is now wider and uses
a bit less vertical space, allowing the user to see more
of the pending mappings at once.

Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>

Open-ILS/src/eg2/src/app/staff/admin/server/perm-group-map-dialog.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/perm-group-map-dialog.component.ts
Open-ILS/src/eg2/src/app/staff/admin/server/perm-group-tree.component.ts

index 00cbd13..7a994a3 100644 (file)
     </div>
     <ng-container *ngFor="let map of newPermMaps.controls; let i = index">
       <ng-container [formGroup]="map">
+        <hr>
         <div class="row mt-1 pt-1">
           <div class="col-lg-12">
-            <hr>
             <h5 i18n>{{map.controls.label.value}}</h5>
           </div>
         </div>
-        <div class="row row-cols-4 mt-1 pt-1">
+        <div class="row row-cols-5 mt-1 pt-1">
           <div class="col">
             <label [attr.for]="'depth-'+map.controls.id.value"
               i18n>Depth
@@ -52,9 +52,7 @@
             <input type="checkbox" formControlName="grantable"
               id="grantable-{{map.controls.id.value}}">
           </div>
-        </div>
-        <div class="row mt-1 pt-1">
-          <div class="col-lg-12">
+          <div class="col">
             <button type="button" class="btn btn-danger"
               (click)="remove(i)"
               i18n>Remove
index 1b45e21..56fe908 100644 (file)
@@ -361,7 +361,7 @@ export class PermGroupTreeComponent implements OnInit {
     }
 
     openAddDialog() {
-        this.addMappingDialog.open().subscribe(
+        this.addMappingDialog.open({size: 'lg'}).subscribe(
             modified => {
                 if (modified) {
                     this.createMapString.current().then(msg => this.toast.success(msg));