diff --git a/src/cljs/commiteth/core.cljs b/src/cljs/commiteth/core.cljs index 549e0ff..091b5ff 100644 --- a/src/cljs/commiteth/core.cljs +++ b/src/cljs/commiteth/core.cljs @@ -143,12 +143,14 @@ [:div.commiteth-footer [:div.commiteth-footer-inner [:div.commiteth-footer-logo-container - [:div - (svg/status-logo-footer)] - [:div.commiteth-footer-status-addr - "Status Research & Development GmbH -Baarerstrasse 10 -Zug, Switzerland"]] + [:div.commiteth-footer-logo-container-inner + [:div (svg/status-logo-footer)] + [:div.commiteth-footer-status-addr + "Status Research & Development GmbH" + [:br] + "Baarerstrasse 10" + [:br] + "Zug, Switzerland"]]] [:div.commiteth-footer-table [:div.commiteth-footer-table__column [:h4.commiteth-footer-header "Social networks"] diff --git a/src/less/style.less b/src/less/style.less index 182eca9..2027759 100644 --- a/src/less/style.less +++ b/src/less/style.less @@ -438,6 +438,7 @@ justify-content: center; margin-top: 20px; } + .commiteth-footer-inner { display: flex; justify-content: space-between; @@ -448,6 +449,11 @@ display: flex; } +.commiteth-footer-list { + margin: 0; + padding: 0; +} + .commiteth-footer-table__column { box-sizing: border-box; padding: 60px 40px; @@ -470,17 +476,28 @@ } .commiteth-footer-logo-container { - width: 26%; - padding: 65px 75px 0 10px; + width: 280px; + display: flex; +} + +.commiteth-footer-logo-container-inner { + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 65px 0 75px 0; } -.commiteth-footer-link a { - color: #fff; +.commiteth-footer-link { height: 32px; line-height: 32px; font-size: 16px; margin: 0 0 15px 0; + a { + color: #fff; + display: flex; + align-items: center; + } } .commiteth-footer-link-label { @@ -501,13 +518,9 @@ .commiteth-footer-status-addr { color: #fff; - opacity: 0.4; - width: 168px; - line-height: 1.67; - text-align: left; - height: 50px; - padding-top: 30px; - padding-bottom: 30px; + opacity: 0.5; + padding: 20px 0 0 0; + line-height: 20px; } .commiteth-footer-icon {