From ea52eb22ffabc6c3ab177736e9eca19ffb831bc4 Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Mon, 24 Sep 2018 16:11:35 -0400 Subject: [PATCH] Adjust footer styles to accommodate a help link --- styles/components/_footer.scss | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/styles/components/_footer.scss b/styles/components/_footer.scss index 8d77e408..ca43321c 100644 --- a/styles/components/_footer.scss +++ b/styles/components/_footer.scss @@ -4,15 +4,27 @@ display: flex; flex-direction: row; justify-content: space-between; + align-items: center; + padding: $gap * 2; - h5, - .browser-support { - margin: 0; - padding: $gap * 2; + .app-footer__info { + flex-grow: 1; + + .app-footer__info__title { + display: inline-block; + padding: 0; + margin: 0 $gap 0 0; + //margin: ($gap * 2); + } + + .app-footer__info__link { + margin: (-$gap * 2) (-$gap); + } } - .browser-support { + .app-footer__browser-support { color: $color-gray; + margin: 0; text-align: right; dt, dd { @include h5;