Repository: dusk-network/rusk (language: rust)

Issue:
web-wallet: Remove padding around Wallet app layout on mobile for better screen utilization
### Description
Currently, the Wallet app's layout on mobile devices includes padding around the edges, which reduces the effective screen estate for displaying content. Removing this padding will enhance the layout by maximizing horizontal and vertical space, making it more efficient for users and allowing for more content to be visible.

### Tasks
1. Remove the horizontal padding on the Wallet app's layout for mobile screens.
2. Adjust vertical padding as necessary to ensure a seamless, edge-to-edge layout.
3. Test the layout on multiple mobile devices to ensure that the content displays correctly without unintended overflow or clipping.
4. Verify that other UI elements maintain visual balance without the padding.

### Acceptance Criteria
- No padding on the Wallet app's layout on mobile devices.
- Content fills the screen space effectively without any empty margins on the sides.
- Layout adjustments do not introduce any display or usability issues.



Discussion / hints:

Fix patch:
diff --git a/web-wallet/CHANGELOG.md b/web-wallet/CHANGELOG.md
index e954d3dc63..43e4a7468a 100644
--- a/web-wallet/CHANGELOG.md
+++ b/web-wallet/CHANGELOG.md
@@ -35,6 +35,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Reword "Withdraw Rewards" operation to "Claim Rewards" [#3076]
 - Reword "Shield/Unshield" operation to "Allocate" [#3081]
+- Update `@media` rules to remove outer padding on small screens [#2945]
 
 ### Removed
 
@@ -404,6 +405,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [#2920]: https://github.com/dusk-network/rusk/issues/2920
 [#2932]: https://github.com/dusk-network/rusk/issues/2932
 [#2938]: https://github.com/dusk-network/rusk/issues/2938
+[#2945]: https://github.com/dusk-network/rusk/issues/2945
 [#2981]: https://github.com/dusk-network/rusk/issues/2981
 [#2990]: https://github.com/dusk-network/rusk/issues/2990
 [#2991]: https://github.com/dusk-network/rusk/issues/2991
diff --git a/web-wallet/src/style/main.css b/web-wallet/src/style/main.css
index 9e2965d7c5..38cdb17fc4 100644
--- a/web-wallet/src/style/main.css
+++ b/web-wallet/src/style/main.css
@@ -157,7 +157,12 @@ fieldset {
 
 @media (max-width: 500px), (max-height: 500px) {
   body {
-    padding: 1rem;
+    padding: 0;
+    background-color: var(--background-color);
+  }
+
+  #outer-container {
+    border-radius: 0;
   }
 }
 


Test patch: