From b4cd863ee60af59f2ab474886b085d918eb8d280 Mon Sep 17 00:00:00 2001 From: Christoph Reiter <reiter.christoph@gmail.com> Date: Thu, 28 May 2020 12:20:49 +0200 Subject: [PATCH] Make the footer content reflow when too small --- packages/app-shell/src/app-shell.js | 10 +++++++--- packages/app-shell/vendor/auth | 2 +- packages/app-shell/vendor/common | 2 +- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index d71a16f0..e6f191bc 100644 --- a/packages/app-shell/src/app-shell.js +++ b/packages/app-shell/src/app-shell.js @@ -469,9 +469,13 @@ export class AppShell extends ScopedElementsMixin(LitElement) { } footer { - display: grid; - grid-gap: 1em; - grid-template-columns: 1fr max-content max-content max-content; + display: flex; + justify-content: end; + flex-wrap: wrap; + } + + footer > * { + margin: 0.5em 0 0 1em; } footer a { diff --git a/packages/app-shell/vendor/auth b/packages/app-shell/vendor/auth index 2e179331..c43e6492 160000 --- a/packages/app-shell/vendor/auth +++ b/packages/app-shell/vendor/auth @@ -1 +1 @@ -Subproject commit 2e179331c2f7572a85e98c825736a3c93494e1ea +Subproject commit c43e6492d972c7e52adc74ba4274aba8b2917a1c diff --git a/packages/app-shell/vendor/common b/packages/app-shell/vendor/common index 821137e2..f9b54e21 160000 --- a/packages/app-shell/vendor/common +++ b/packages/app-shell/vendor/common @@ -1 +1 @@ -Subproject commit 821137e246fdcee9ccb04e4cfe420e7abec3186e +Subproject commit f9b54e21132f7a3c5348a7046ef18234bee2f00b -- GitLab