Merge pull request #3191 from dusk-network/feature-2945

web-wallet: Remove outer padding on small screens
dusk-network · Dec 16, 2024 · 8c4ec10 · 8c4ec10
2 parents 2aacfcb + 9cbe3f0
commit 8c4ec10
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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;
   }
 }