layout fixes

src/pages/_includes/cards/forgot-password.html

@@ -13,6 +13,6 @@
 		</div>
 	</div>
 </form>
-<div class="text-center text-muted">
+<div class="text-center text-muted mt">
 	Forget it, <a href="{{ site.base }}/sign-in.html">send me back</a> to the sign in screen.
 </div>

src/pages/_includes/cards/sign-in.html

@@ -37,6 +37,6 @@
 	</div>
 </form>
 
-<div class="text-center text-muted">
+<div class="text-center text-muted mt">
 	Don't have account yet? <a href="{{ site.base }}/sign-up.html" tabindex="-1">Sign up</a>
 </div>

src/pages/_includes/cards/sign-up.html

@@ -27,6 +27,6 @@
 	</div>
 </form>
 
-<div class="text-center text-muted">
+<div class="text-center text-muted mt">
 	Already have account? <a href="{{ site.base }}/sign-in.html" tabindex="-1">Sign in</a>
 </div>

src/scss/layout/_core.scss

@@ -2,6 +2,7 @@
 html {
   font-size: 16px;
   scroll-behavior: smooth;
+  height: 100%;
 }
 
 body {
@@ -11,6 +12,7 @@ body {
   text-rendering: optimizeLegibility;
   font-feature-settings: "liga" 0;
   position: relative;
+  min-height: 100%;
 
   .content * {
     @include scrollbar;

src/scss/ui/_buttons.scss

@@ -133,7 +133,7 @@
   margin-right: -.5rem;
 
   > * {
-    margin: 0 .5rem .5rem 0;
+    margin: 0 .5rem .5rem 0 !important;
   }
 
   > .btn-block {

src/scss/ui/_grid.scss

@@ -4,7 +4,7 @@
 
 %container-common {
   @include media-breakpoint-down($cards-grid-breakpoint) {
-    --bs-gutter-x: #{$grid-gutter-width};
+    --#{$variable-prefix}gutter-x: #{$grid-gutter-width};
   }
 }
 
@@ -16,6 +16,7 @@
 .container {
   @each $variation, $size in $container-variations {
     &-#{$variation} {
+      @include make-container();
       max-width: $size;
     }
   }