fix[]UserPage: fix sizing of donation section

Group-5 · Apr 9, 2026 · cfef39a · cfef39a
1 parent 9d915ba
commit cfef39a
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 36 deletions.
diff --git a/src/main/java/edu/group5/app/view/userpage/UserPageView.java b/src/main/java/edu/group5/app/view/userpage/UserPageView.java
@@ -123,8 +123,8 @@ private VBox createDonationsSection() {
 
     ScrollPane scrollPane = new ScrollPane();
     scrollPane.setFitToWidth(false);
-    scrollPane.setPrefWidth(500);
-    scrollPane.setMaxWidth(500);
+    scrollPane.setPrefWidth(650);
+    scrollPane.setMaxWidth(650);
     scrollPane.setPrefHeight(400);
     scrollPane.setStyle("-fx-focus-color: transparent; -fx-faint-focus-color: transparent;");
 

diff --git a/src/main/resources/donationpage/donation.css b/src/main/resources/donationpage/donation.css
@@ -1,53 +1,58 @@
 .donation-button {
-    -fx-background-color: white;
-    -fx-border-color: #ccc;
-    -fx-border-width: 2px;
-    -fx-border-radius: 8;
-    -fx-background-radius: 8;
-    -fx-cursor: hand;
-    -fx-font-size: 18px;
-    -fx-font-weight: bold;
+  -fx-background-color: white;
+  -fx-border-color: #ccc;
+  -fx-border-width: 2px;
+  -fx-border-radius: 8;
+  -fx-background-radius: 8;
+  -fx-cursor: hand;
+  -fx-font-size: 18px;
+  -fx-font-weight: bold;
 }
 
 .donation-button:hover {
-    -fx-border-color: #f0f0f0;
+  -fx-border-color: #f0f0f0;
 }
 
 .donation-button-selected {
-    -fx-background-color: #111;
-    -fx-text-fill: white;
-    -fx-border-color: #111;
+  -fx-background-color: #111;
+  -fx-text-fill: white;
+  -fx-border-color: #111;
 }
+
 .donation-title {
-    -fx-font-size: 18px;
-    -fx-font-weight: bold;
-    -fx-fill: #111;
+  -fx-font-size: 18px;
+  -fx-font-weight: bold;
+  -fx-fill: #111;
 }
+
 .donation-amount {
-    -fx-font-size: 18px;
-    -fx-fill: #111;
+  -fx-font-size: 18px;
+  -fx-fill: #111;
 }
+
 .donation-input {
-    -fx-font-size:16px;
-    -fx-pref-width: 140px;
-    -fx-background-color: transparent;
-    -fx-border-color: transparent transparent #333 transparent;
-    -fx-alignment: center;
+  -fx-font-size: 16px;
+  -fx-pref-width: 140px;
+  -fx-background-color: transparent;
+  -fx-border-color: transparent transparent #333 transparent;
+  -fx-alignment: center;
 }
+
 .donation-input:focused {
-    -fx-border-color: transparent transparent #4a90d9 transparent;
+  -fx-border-color: transparent transparent #4a90d9 transparent;
 }
+
 .donate-button {
-    -fx-pref-height: 55px;
-    -fx-background-color: #e03030;
-    -fx-text-fill: white;
-    -fx-font-size: 22px;
-    -fx-font-weight: bold;
-    -fx-background-radius: 8;
-    -fx-cursor: hand;
-    -fx-padding: 0 40 0 40;
-}
-.donate-button:hover {
-    -fx-background-color: #c02020;
+  -fx-pref-height: 55px;
+  -fx-background-color: #e03030;
+  -fx-text-fill: white;
+  -fx-font-size: 22px;
+  -fx-font-weight: bold;
+  -fx-background-radius: 8;
+  -fx-cursor: hand;
+  -fx-padding: 0 40 0 40;
 }
 
+.donate-button:hover {
+  -fx-background-color: #c02020;
+}