💄 Fixed some display padding & margin in mobile.

assets/css/_common/outline/footer/index.scss

@@ -21,6 +21,14 @@
   @include flex-column();
   @include main-container();
 
+  @include mobile() {
+    font-size: $font-size-smaller;
+  }
+  
+  @include mobile-small() {
+    font-size: $font-size-smallest;
+  }
+
   @if $footer_vendors_enable {
     .vendors-list {
       a {

assets/css/_mixins.scss

@@ -64,7 +64,7 @@
 }
 
 @mixin sidebar-inline-links-item() {
-  margin: 5px 0 0;
+  margin: 5px 0;
 
   a {
     box-sizing: border-box;

assets/css/_schemes/Pisces/_sidebar.scss

@@ -75,7 +75,7 @@
   @if $links_settings_layout == 'inline' {
     display: inline-block;
     max-width: 100%;
-    @include sidebar-inline-links-item();
+    margin: 5px;
   }
 }
 

assets/css/main.scss

@@ -82,8 +82,8 @@ $reward_settings_animation: {{ $P.rewardSets.animation }};
 $post_end_tag_icon          : {{ $P.postFooter.tagIcon }};
 
 // TODO find the paramters
-$text_align_desktop: justify;
-$text_align_mobile: justify;
+$text_align_desktop         : {{ $P.textAlign.desktop }};
+$text_align_mobile          : {{ $P.textAlign.mobile }};
 
 // Note
 $note_icons                 : {{ $P.note.icons }};
@@ -122,7 +122,7 @@ $livere_enable: {{ $P.livere.enable }};
 $utterances_enable          : {{ $P.utterances.enable }};
 $waline_enable              : {{ $P.waline.enable }};
 {{- with .Site.Params.comments }}
-{{ $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }}
+{{- $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }}
 $two_comments_enable        : {{ $tce }};
 {{- if $tce }}
 {{- $sortNav  := sort .nav "weight" }}

exampleSite/config.yaml

@@ -483,7 +483,7 @@ params:
     mobile: justify
 
   # Reduce padding / margin indents on devices with narrow width.
-  mobileLayoutEconomy: false
+  mobileLayoutEconomy: true
 
   # Browser header panel color.
   themeColor: