Have PageContainerFooter take children node

1 files changed, 25 insertions, 2 deletions

diff --git a/ui/app/components/page-container/index.scss b/ui/app/components/page-container/index.scss
index 61434cbcf..b7bf1b8b5 100644
--- a/ui/app/components/page-container/index.scss
+++ b/ui/app/components/page-container/index.scss
@@ -43,10 +43,9 @@
 
   &__footer {
     display: flex;
-    flex-flow: row;
+    flex-flow: column;
     justify-content: center;
     border-top: 1px solid $geyser;
-    padding: 16px;
     flex: 0 0 auto;
 
     .btn-default,
@@ -55,6 +54,30 @@
     }
   }
 
+  &__footer-header {
+    display: flex;
+    flex-flow: row;
+    justify-content: center;
+    padding: 16px;
+    flex: 0 0 auto;
+  }
+
+  &__footer-footer {
+    display: flex;
+    flex-flow: row;
+    justify-content: space-around;
+    padding: 0 16px 16px;
+    flex: 0 0 auto;
+
+    a, a:hover {
+      text-decoration: none;
+      cursor: pointer;
+      font-size: 0.75rem;
+      text-transform: uppercase;
+      color: #2f9ae0;
+    }
+  }
+
   &__footer-button {
     height: 55px;
     font-size: 1rem;