fix: #555 Admin Summary Report Content Padding. (#556)

* New Angular Material for <mat-card> need <mat-card-content> for its content to have padding. * Dummy deployment commit
bcgov · Jan 8, 2024 · 5b31e74 · 5b31e74
1 parent 0a447a7
commit 5b31e74
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 16 deletions.
diff --git a/admin/src/app/foms/summary/comments-summary/comments-summary.component.html b/admin/src/app/foms/summary/comments-summary/comments-summary.component.html
@@ -24,9 +24,11 @@ <h4 class="col-md-2">Comments</h4>
               matBadgeColor="accent" matBadgeSize="medium">comment</mat-icon>
     </mat-expansion-panel-header>
     <mat-card appearance="outlined" *ngFor="let comment of addressedPcs">
-      <ng-container [ngTemplateOutlet]="comment_fields_template"
-                    [ngTemplateOutletContext]="{ comment: comment }">
-      </ng-container>
+      <mat-card-content>
+        <ng-container [ngTemplateOutlet]="comment_fields_template"
+                      [ngTemplateOutletContext]="{ comment: comment }">
+        </ng-container>
+      </mat-card-content>
     </mat-card>
   </mat-expansion-panel>
 
@@ -45,9 +47,11 @@ <h4 class="col-md-2">Comments</h4>
               matBadgeColor="accent" matBadgeSize="medium">comment</mat-icon>
     </mat-expansion-panel-header>
     <mat-card appearance="outlined" *ngFor="let comment of consideredPcs">
-      <ng-container [ngTemplateOutlet]="comment_fields_template"
-                    [ngTemplateOutletContext]="{ comment: comment }">
-      </ng-container>
+      <mat-card-content>
+        <ng-container [ngTemplateOutlet]="comment_fields_template"
+                      [ngTemplateOutletContext]="{ comment: comment }">
+        </ng-container>
+      </mat-card-content>
     </mat-card>
   </mat-expansion-panel>
 
@@ -66,9 +70,11 @@ <h4 class="col-md-2">Comments</h4>
                   matBadgeColor="accent" matBadgeSize="medium">comment</mat-icon>
       </mat-expansion-panel-header>
       <mat-card appearance="outlined" *ngFor="let comment of irrelevantPcs">
-        <ng-container [ngTemplateOutlet]="comment_fields_template"
-                      [ngTemplateOutletContext]="{ comment: comment }">
-        </ng-container>
+        <mat-card-content>
+          <ng-container [ngTemplateOutlet]="comment_fields_template"
+                        [ngTemplateOutletContext]="{ comment: comment }">
+          </ng-container>
+        </mat-card-content>
       </mat-card>
     </mat-expansion-panel>
 
@@ -87,9 +93,11 @@ <h4 class="col-md-2">Comments</h4>
                   matBadgeColor="accent" matBadgeSize="medium">comment</mat-icon>
       </mat-expansion-panel-header>
       <mat-card appearance="outlined" *ngFor="let comment of noResponsePcs">
-        <ng-container [ngTemplateOutlet]="comment_fields_template"
-                      [ngTemplateOutletContext]="{ comment: comment }">
-        </ng-container>
+        <mat-card-content>
+          <ng-container [ngTemplateOutlet]="comment_fields_template"
+                        [ngTemplateOutletContext]="{ comment: comment }">
+          </ng-container>
+        </mat-card-content>
       </mat-card>
     </mat-expansion-panel>                                              
 </mat-accordion>

diff --git a/admin/src/app/foms/summary/interactions-summary/interactions-summary.component.html b/admin/src/app/foms/summary/interactions-summary/interactions-summary.component.html
@@ -22,9 +22,11 @@ <h4 class="col-md-4">Stakeholder Engagements</h4>
                 matBadgeColor="accent" matBadgeSize="medium">reply</mat-icon>
       </mat-expansion-panel-header>
       <mat-card appearance="outlined" *ngFor="let interaction of interactions">
-        <ng-container [ngTemplateOutlet]="comment_fields_template"
+        <mat-card-content>
+          <ng-container [ngTemplateOutlet]="comment_fields_template"
                       [ngTemplateOutletContext]="{ interaction: interaction }">
-        </ng-container>
+          </ng-container>
+        </mat-card-content>
       </mat-card>
     </mat-expansion-panel>                                           
   </mat-accordion>

diff --git a/api/README.md b/api/README.md
@@ -78,5 +78,5 @@ These are the steps to generate the client library used by the frontend componen
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
-    limitations under the License.
+    limitations under the License. 
 
diff --git a/public/src/index.html b/public/src/index.html
@@ -23,4 +23,4 @@
 	</app-root>
 </body>
 
-</html>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,4 +23,4 @@ @@
     	</app-root>
     </body>
-    </html>
+    </html>