Add some footer styles

FairwindsOps · Dec 5, 2020 · 20ea63e · 20ea63e
1 parent 11d5200
commit 20ea63e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/pkg/dashboard/assets/css/footer.css b/pkg/dashboard/assets/css/footer.css
@@ -2,10 +2,21 @@
   text-align: center;
   padding-top: 10px;
   padding-bottom: 30px;
+  display: flex;
+  flex-direction: column;
+}
+
+.footer .row {
+  display: flex;
+}
+
+.footer > .row {
+  flex-direction: column;
+  align-items: center;
 }
 
 .footer a {
-  color: #999;
+  color: #200C36;
   text-decoration: none;
 }
 

diff --git a/pkg/dashboard/templates/footer.gohtml b/pkg/dashboard/templates/footer.gohtml
@@ -11,7 +11,6 @@
         <img class="logo slack" src="static/images/purple_icon_slack.svg" alt="Slack" />
         <img class="logo email" src="static/images/purple_icon_email.svg" alt="Email" />
       </div>
-    <div>
     </div>
     <div class="row">
       <img class="fw-logo" src="static/images/purple_logo_fairwinds.svg" alt="Fairwinds" />

diff --git a/pkg/dashboard/templates/head.gohtml b/pkg/dashboard/templates/head.gohtml
@@ -17,6 +17,7 @@
   <link rel="stylesheet" href="static/css/main.css">
   <link rel="stylesheet" href="static/css/fontawesome-5.7.2.css">
   <link rel="stylesheet" href="static/css/dashboard.css">
+  <link rel="stylesheet" href="static/css/footer.css">
   <script type="text/javascript" src="static/js/Chart-2.7.2.min.js"></script>
   <script type="text/javascript" src="static/js/cash-4.1.2.min.js"></script>
   <script type="text/javascript" src="static/js/main.js"></script>