fix(footer): update styling

baloise · Nov 10, 2021 · 30d45c3 · 30d45c3 · vercel · Nov 10, 2021
1 parent 7a51fd0
commit 30d45c3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/components/src/components/bal-footer/bal-footer.scss b/packages/components/src/components/bal-footer/bal-footer.scss
@@ -3,4 +3,11 @@
 :host {
   display: block;
   position: static;
+
+  div.container {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    flex-wrap: wrap;
+  }
 }
diff --git a/packages/components/src/components/bal-footer/bal-footer.tsx b/packages/components/src/components/bal-footer/bal-footer.tsx
@@ -29,12 +29,12 @@ export class Footer {
   connectedCallback() {
     this.updateFooterLinks()
   }
-  
+
   @Watch('locale')
   watchLocaleHandler() {
     this.updateFooterLinks()
   }
-  
+
   updateFooterLinks() {
     loadFooterLinks(new Language(this.locale)).then(links => this.links = links);
   }
@@ -50,7 +50,7 @@ export class Footer {
         >
           <slot></slot>
           { this.hideLinks ? '' :
-            <div class="container">
+            <div class="container p-1">
             {this.links.map((link) =>
               <a class="is-link is-inverted pr-4" href={link.link}>{link.label}</a>
             )}