Center align footer text

pull/326/head
Ryan Arthur 7 years ago committed by katibest
parent 49afda0b29
commit 1785be0697
  1. 7
      apps/explorer_web/assets/css/components/_footer.scss
  2. 3
      apps/explorer_web/lib/explorer_web/templates/layout/_footer.html.eex

@ -19,8 +19,13 @@ $footer-text-color: rgba($white, 0.7);
} }
} }
.footer-body {
position: relative;
}
.footer .social-links { .footer .social-links {
float: right; position: absolute;
right: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

@ -1,5 +1,5 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="footer-body container">
<div class="social-links"> <div class="social-links">
<a href="https://www.facebook.com/PoaNetwork/" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook"> <a href="https://www.facebook.com/PoaNetwork/" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fab fa-facebook-f"></i> <i class="fab fa-facebook-f"></i>
@ -14,6 +14,7 @@
<i class="fab fa-telegram-plane"></i> <i class="fab fa-telegram-plane"></i>
</a> </a>
</div> </div>
<%= gettext "Copyright %{year} POA", year: 2018 %> <%= gettext "Copyright %{year} POA", year: 2018 %>
</div> </div>

Loading…
Cancel
Save