From eae40e26768e8acfd1d6d3322570afbda98dd347 Mon Sep 17 00:00:00 2001
From: Roberto Fontanarosa <robertofontanarosa@gmail.com>
Date: Thu, 16 Jul 2026 13:56:01 +0200
Subject: [PATCH] pin the survey editor header to the top of the page

---
 .../edit-survey/_edit-survey.component-theme.scss          | 4 ++++
 .../app/components/edit-survey/edit-survey.component.scss  | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/web/src/app/components/edit-survey/_edit-survey.component-theme.scss b/web/src/app/components/edit-survey/_edit-survey.component-theme.scss
index 42bf54ca2..3b976fcb3 100644
--- a/web/src/app/components/edit-survey/_edit-survey.component-theme.scss
+++ b/web/src/app/components/edit-survey/_edit-survey.component-theme.scss
@@ -18,6 +18,10 @@
  @use '@angular/material' as mat;
 
  @mixin color($theme) {
+  .page > ground-survey-header {
+    background-color: mat.get-theme-color($theme, neutral, 94);
+  }
+
   .edit-survey-title {
     color: mat.get-theme-color($theme, on-background);
   }
diff --git a/web/src/app/components/edit-survey/edit-survey.component.scss b/web/src/app/components/edit-survey/edit-survey.component.scss
index 75313c4c4..e5cfbf0eb 100644
--- a/web/src/app/components/edit-survey/edit-survey.component.scss
+++ b/web/src/app/components/edit-survey/edit-survey.component.scss
@@ -16,6 +16,13 @@
 
 .page {
   min-height: 100%;
+
+  > ground-survey-header {
+    display: block;
+    position: sticky;
+    top: 0;
+    z-index: 2;
+  }
 }
 
 .loading-spinner {