fix(Button Icons): Alignment is slightly off (#1323)

WISE-Community · Jun 28, 2023 · dafa53a · dafa53a
1 parent 4b63ad7
commit dafa53a
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 13 deletions.
diff --git a/...omponent/choose-import-component-location/choose-import-component-location.component.scss b/...omponent/choose-import-component-location/choose-import-component-location.component.scss
@@ -18,4 +18,8 @@
 .insert-button-div {
   margin-top: 10px;
   margin-left: 30px;
-}
+}
+
+.mat-icon {
+  margin: 0px;
+}
diff --git a/...horingTool/importComponent/choose-import-component/choose-import-component.component.scss b/...horingTool/importComponent/choose-import-component/choose-import-component.component.scss
@@ -11,4 +11,8 @@
 
 .componentHeader {
   padding: 2px;
-}
+}
+
+.mat-icon {
+  margin: 0px;
+}
diff --git a/...s/wise5/classroomMonitor/classroomMonitorComponents/shared/top-bar/top-bar.component.html b/...s/wise5/classroomMonitor/classroomMonitorComponents/shared/top-bar/top-bar.component.html
@@ -46,7 +46,6 @@ <h3 fxLayout="row" fxLayoutAlign="start center" class="title-header">
     mat-icon-button
     aria-label="Alerts"
     i18n-aria-label
-    class="mat-icon-button notification-btn notifications-menu-button"
     [matMenuTriggerFor]="notificationsMenu"
   >
     <span *ngIf="newNotifications.length > 0" class="notification-count"

diff --git a/...s/wise5/classroomMonitor/classroomMonitorComponents/shared/top-bar/top-bar.component.scss b/...s/wise5/classroomMonitor/classroomMonitorComponents/shared/top-bar/top-bar.component.scss
@@ -21,10 +21,6 @@
   margin: 0 4px;
 }
 
-.notifications-menu-button {
-  width: 40px !important;
-}
-
 /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
 .mat-list-item-content {
   padding: 0;

diff --git a/src/assets/wise5/common/side-menu/side-menu.component.html b/src/assets/wise5/common/side-menu/side-menu.component.html
@@ -6,7 +6,6 @@
       id="{{ view.route }}"
       aria-label="{{ view.label }}"
       (click)="goToView(view)"
-      class="md-icon-button menu-sidebar__link"
       matTooltip="{{ view.name }}"
       matTooltipPosition="after"
     >

diff --git a/src/assets/wise5/common/side-menu/side-menu.component.scss b/src/assets/wise5/common/side-menu/side-menu.component.scss
@@ -2,11 +2,6 @@
   color: rgba(0,0,0,0.54);
 }
 
-.menu-sidebar__link {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-
 .mat-icon:hover {
   text-decoration: underline;
 }