add padding on all edited page

core/static/sas/album.scss

@@ -1,3 +1,7 @@
+.main {
+  box-sizing: border-box;
+  padding: 10px;
+}
 
 .navbar {
   margin-top: 10px;
@@ -131,6 +135,7 @@
 
     @media (max-width: 500px) {
       width: calc(50% - 5px);
+      height: 108px;
     }
 
     @media (max-width: 300px) {
@@ -170,6 +175,7 @@
 
       @media (max-width: 500px) {
         width: 100%;
+        height: 100%;
       }
 
       &:hover > .text {

core/static/user/user_detail.scss

@@ -1,8 +1,11 @@
 .main {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  margin-top: 0 !important;
+  padding: 10px;
   width: 100%;
 }
 

core/static/user/user_preferences.scss

@@ -4,7 +4,7 @@
   gap: 2px;
 
   &-general {
-    >p {
+    > p {
       display: flex;
       flex-direction: row-reverse;
       justify-content: left;
@@ -38,4 +38,12 @@
     margin-top: 10px !important;
     max-width: 100px;
   }
+}
+
+.justify {
+  text-align: justify;
+}
+
+.main {
+  padding: 10px;
 }

core/static/user/user_tools.scss

@@ -1,5 +1,6 @@
 main {
   box-sizing: border-box;
+  padding: 10px;
 }
 
 .container {
@@ -9,9 +10,7 @@ main {
   justify-content: center;
   gap: 10px;
 
-
-  >div {
-    padding: 10px;
+  > div {
     border-radius: 10px;
     background-color: rgba(0, 0, 0, .05);
     width: 210px;