From 4e77f50d70b0cb147ba295d9bbca9c62cea08553 Mon Sep 17 00:00:00 2001
From: Peter <42907716+MrShack@users.noreply.github.com>
Date: Sun, 6 Apr 2025 10:13:30 +0200
Subject: [PATCH] Update header and scroll-up button functionalities

Removed unnecessary `background-size` property from the header and updated the scroll-up button to use a service for scrolling.
---
 frontend/src/app/rules/rules.component.html | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/rules/rules.component.html b/frontend/src/app/rules/rules.component.html
index 415721e..759e9d5 100644
--- a/frontend/src/app/rules/rules.component.html
+++ b/frontend/src/app/rules/rules.component.html
@@ -1,6 +1,5 @@
 <ng-container>
-  <app-header [current_page]="'rules'" height="460px" background_image="/public/img/backgrounds/trees.jpg"
-              background-size="">
+  <app-header [current_page]="'rules'" height="460px" background_image="/public/img/backgrounds/trees.jpg">
     <div class="title" header-content>
       <h1>Server Rules</h1>
       <h2>We aim to be an inclusive community server where players of all ages can find something to enjoy.</h2>
@@ -256,7 +255,7 @@
         </div>
       </div>
     </section>
-    <a href="#top" id="scroll-up-button">
+    <a (click)="this.scrollService.scrollToTop()" class="scroll-up-button, active">
       <span></span>
       <p style="display: none;">Scroll Down</p>
     </a>