Reduce sizes for stepper padding and dialog content on desktop (#4573)

* Moer style tweaks * Update mat-desktop.scss Co-authored-by: Richard Cox <richard-cox@users.noreply.github.com>
cloudfoundry · Sep 15, 2020 · c386072 · c386072
1 parent cec32ff
commit c386072
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/frontend/packages/core/sass/mat-desktop.scss b/src/frontend/packages/core/sass/mat-desktop.scss
@@ -103,6 +103,7 @@ $desktop-toggle-button-item-height: $desktop-menu-item-height - 2px;
         line-height: normal;
       }
     }
+
   }
 
   // Smaller page header
@@ -127,4 +128,19 @@ $desktop-toggle-button-item-height: $desktop-menu-item-height - 2px;
   app-profile-info .user-profile {
     top: $desktop-page-header-height;
   }
+
+  // Smaller dialog titles & content
+  .mat-dialog-title {
+    font-size: 18px;
+  }
+  .mat-dialog-content {
+    font-size: 16px;
+  }
+
+  // Reduced padding on steppers - the stepper already had padding applied because they are included in the dashboard, which
+  // has padding via the '.dashboard__content` class - so we end up with double padding - this removes the extra level of padding
+  .steppers__inner {
+    padding: 0;
+  }
+
 }