From 2e0f1336368b331ff184172e5da2ae3cb20a1b28 Mon Sep 17 00:00:00 2001
From: Thiago Ausechi <thiago_ausechi@icloud.com>
Date: Fri, 21 Jun 2024 16:21:28 -0300
Subject: [PATCH] style: pin the results card to the top of the page

---
 .../authenticated-v2/results/results.component.html    |  2 +-
 .../authenticated-v2/results/results.component.scss    | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/components/authenticated-v2/results/results.component.html b/src/app/components/authenticated-v2/results/results.component.html
index 2506744a..3a3f3c44 100644
--- a/src/app/components/authenticated-v2/results/results.component.html
+++ b/src/app/components/authenticated-v2/results/results.component.html
@@ -30,7 +30,7 @@
     </ng-container>
   </mat-card-subtitle>
   <mat-card-content>
-    <div>
+    <div class="results-content">
       <div class="config-summary-box" fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="5px">
         <mat-form-field appearance="outline" class="info-box" fxFlex>
           <mat-label>Items Used</mat-label>
diff --git a/src/app/components/authenticated-v2/results/results.component.scss b/src/app/components/authenticated-v2/results/results.component.scss
index 7bac2ec9..f1ce461a 100644
--- a/src/app/components/authenticated-v2/results/results.component.scss
+++ b/src/app/components/authenticated-v2/results/results.component.scss
@@ -15,6 +15,11 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
+:host {
+  position: sticky;
+  top: 0;
+}
+
 #card-results {
   display: inline-block;
   vertical-align: top;
@@ -23,6 +28,11 @@
   margin-left: 3px;
 }
 
+.results-content {
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
 .statColumn {
   position: relative;
 }