PAS guide button update (#293)

bcgov · Aug 1, 2023 · 0b9c99c · 0b9c99c
1 parent 5b2c583
commit 0b9c99c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/...ps/pidp/src/app/features/portal/components/expansion-panel/expansion-panel.component.html b/...ps/pidp/src/app/features/portal/components/expansion-panel/expansion-panel.component.html
@@ -1,7 +1,11 @@
 <div uiPidpInjectViewportCss>
   <h2>{{ title }}</h2>
   <h3>{{ description }}</h3>
-  <button mat-flat-button color="primary" (click)="toggle()">
+  <button
+    class="pas-banner-button"
+    mat-flat-button
+    color="primary"
+    (click)="toggle()">
     {{ expanded ? 'Hide Steps' : 'Get Started' }}
   </button>
 </div>

diff --git a/...ps/pidp/src/app/features/portal/components/expansion-panel/expansion-panel.component.scss b/...ps/pidp/src/app/features/portal/components/expansion-panel/expansion-panel.component.scss
@@ -31,6 +31,10 @@ div.viewport-all {
     position: absolute;
     bottom: calc(var(--gap) * 2);
   }
+
+  & .pas-banner-button {
+    width: 7rem;
+  }
 }
 
 div.viewport-medium,