Improve footer responsiveness
Change-Id: I600c7abb258c96d815ae7b7bef42996d235a854c
diff --git a/dev/scss/footer/footer.scss b/dev/scss/footer/footer.scss
index 97cfce8..e2ec64e 100644
--- a/dev/scss/footer/footer.scss
+++ b/dev/scss/footer/footer.scss
@@ -24,11 +24,33 @@
padding: $item-padding;
text-align: left;
flex-grow: 2;
+ display: flex;
+ flex-direction: row;
a {
white-space: nowrap;
}
}
+ > nav > div {
+ display: inline;
+ margin: .2em;
+ &:after {
+ font-size: bold;
+ content: " | ";
+ white-space: nowrap;
+ color: $dark-orange;
+ }
+ &:last-child {
+ margin-right: 0;
+ &:after {
+ content: none;
+ }
+ }
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+
div.logos {
font-size: 0;
flex-grow: 1;
@@ -52,14 +74,6 @@
content: none
}
}
-
- span.separator {
- &:after {
- font-size: bold;
- content: " | ";
- color: $dark-orange;
- }
- }
}
/**