Improve paddings for mobile

Author: bynect

assets/scss/_more.scss

@@ -6,6 +6,10 @@
   align-items: center;
   margin: 2em;
 
+  @media #{$media-size-phone} {
+    margin: 0;
+  }
+
   &-left {
     width: 100%;
     display: flex;
@@ -17,6 +21,10 @@
     display: flex;
     flex-direction: column;
     gap: 1em;
+
+    & div {
+      text-align: center;
+    }
   }
 
   & .author-icon {

themes/hello-friend-trx/assets/scss/_list.scss

@@ -8,6 +8,10 @@
     padding: 16px;
   }
 
+  @media #{$media-size-phone} {
+    padding: 14px;
+  }
+
   &-group {
     display: flex;
     margin-bottom: 1.9em;

themes/hello-friend-trx/assets/scss/_single.scss

@@ -9,6 +9,14 @@
     padding: 16px;
   }
 
+  @media #{$media-size-phone} {
+    padding: 14px;
+  }
+
+  .posts {
+    padding: 0;
+  }
+
   &-date {
     &:after {
       content: '—';