From a6c902bcf79da1c03b92225300cae5391dc1e605 Mon Sep 17 00:00:00 2001 From: ievavold <ievavold@wisc.edu> Date: Mon, 18 Mar 2019 09:30:57 -0500 Subject: [PATCH] fix course item button background radius --- .../shared/course-item/course-item.component.html | 7 ++++--- .../shared/course-item/course-item.component.scss | 6 ++++++ 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/app/degree-planner/shared/course-item/course-item.component.html b/src/app/degree-planner/shared/course-item/course-item.component.html index 912f14d..549acd9 100644 --- a/src/app/degree-planner/shared/course-item/course-item.component.html +++ b/src/app/degree-planner/shared/course-item/course-item.component.html @@ -65,6 +65,7 @@ <div fxLayout="column" fxLayoutAlign="space-between end" fxFlex="20"> <div *ngIf="!disabled" fxLayout="row" fxLayoutAlign="end center"> <button + class="course-item-menu-button" mat-icon-button aria-label="Open course menu" [matMenuTriggerFor]="courseMenu" @@ -73,9 +74,9 @@ aria-label="Course menu" alt="Course menu icon" matTooltip="Course menu" - matTooltipPosition="right" - class="material-icons" - >more_horiz</mat-icon> + matTooltipPosition="right"> + more_horiz + </mat-icon> </button> <mat-menu #courseMenu="matMenu" diff --git a/src/app/degree-planner/shared/course-item/course-item.component.scss b/src/app/degree-planner/shared/course-item/course-item.component.scss index 1ce5f2e..f56604a 100644 --- a/src/app/degree-planner/shared/course-item/course-item.component.scss +++ b/src/app/degree-planner/shared/course-item/course-item.component.scss @@ -58,6 +58,12 @@ display: inline-block; } +.course-item-menu-button { + width: 24px; + height: 24px; + line-height: 20px; +} + .material-icons { padding-top: 0; position: relative; -- GitLab