From 6fe1d3019c9fac66bc98bf1618aeace90f09a0d8 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Sun, 31 Jul 2022 19:11:18 +0200
Subject: [PATCH] app/assets/sass/layout/_footer.scss: change from grid to
 flexbox.

---
 app/assets/sass/_variables.scss     |  1 +
 app/assets/sass/layout/_footer.scss | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/app/assets/sass/_variables.scss b/app/assets/sass/_variables.scss
index e167f80..3392ceb 100644
--- a/app/assets/sass/_variables.scss
+++ b/app/assets/sass/_variables.scss
@@ -79,6 +79,7 @@ $usermenu-button-hover-bg:              darken($usermenu-button-bg, 8%);
 
 // Footer
 $footer-height:             80px;
+$footer-spacing:			1rem;
 $footer-border-color:       $border-color;
 $footer-text-color:			$text-secondary-color;
 $footer-link-color:			$footer-text-color;
diff --git a/app/assets/sass/layout/_footer.scss b/app/assets/sass/layout/_footer.scss
index 6d6d440..6bf4aa4 100644
--- a/app/assets/sass/layout/_footer.scss
+++ b/app/assets/sass/layout/_footer.scss
@@ -3,6 +3,7 @@
     @extend .container;
     display: flex;
     align-items: center;
+	column-gap: $footer-spacing;
     min-height: $footer-height;
 
     a {
@@ -14,22 +15,23 @@
         }
     }
 
-    &-left,
-    &-right {
-        @include make-xs-column(5);
-    }
-
-    &-middle {
-        @include make-xs-column(2);
+	&-left {
+		margin-left: $footer-spacing;
+	}
+
+	&-right {
+        display: flex;
+		justify-content: right;
+		margin-right: $footer-spacing;
     }
 
+	&-left,
     &-right {
-        text-align: right;
+		flex: 1;
     }
 
     // Top button
     &-button-top {
-        @extend .center-block;
         @extend .button;
         @extend .button-round;
         @include button-variant($footer-link-color, white, white);