status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Footer layout improvements

This commit is contained in:
Teemu Patja 2017-10-29 10:26:15 +02:00
parent 4a2fdd8e2e
commit bc9c0011a4
No known key found for this signature in database
GPG Key ID: F5B7035E6580FD4C
2 changed files with 32 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/cljs/commiteth/core.cljs
View File

@ -143,12 +143,14 @@
[:div.commiteth-footer [:div.commiteth-footer
[:div.commiteth-footer-inner [:div.commiteth-footer-inner
[:div.commiteth-footer-logo-container [:div.commiteth-footer-logo-container
[:div [:div.commiteth-footer-logo-container-inner
(svg/status-logo-footer)] [:div (svg/status-logo-footer)]
[:div.commiteth-footer-status-addr [:div.commiteth-footer-status-addr
"Status Research & Development GmbH "Status Research & Development GmbH"
Baarerstrasse 10 [:br]
Zug, Switzerland"]] "Baarerstrasse 10"
[:br]
"Zug, Switzerland"]]]
[:div.commiteth-footer-table [:div.commiteth-footer-table
[:div.commiteth-footer-table__column [:div.commiteth-footer-table__column
[:h4.commiteth-footer-header "Social networks"] [:h4.commiteth-footer-header "Social networks"]

35
src/less/style.less
View File

@ -438,6 +438,7 @@
justify-content: center; justify-content: center;
margin-top: 20px; margin-top: 20px;
} }
.commiteth-footer-inner { .commiteth-footer-inner {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -448,6 +449,11 @@
display: flex; display: flex;
} }
.commiteth-footer-list {
margin: 0;
padding: 0;
}
.commiteth-footer-table__column { .commiteth-footer-table__column {
box-sizing: border-box; box-sizing: border-box;
padding: 60px 40px; padding: 60px 40px;
@ -470,17 +476,28 @@
} }
.commiteth-footer-logo-container { .commiteth-footer-logo-container {
width: 26%; width: 280px;
padding: 65px 75px 0 10px; 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 { .commiteth-footer-link {
color: #fff;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
font-size: 16px; font-size: 16px;
margin: 0 0 15px 0; margin: 0 0 15px 0;
a {
color: #fff;
display: flex;
align-items: center;
}
} }
.commiteth-footer-link-label { .commiteth-footer-link-label {
@ -501,13 +518,9 @@
.commiteth-footer-status-addr { .commiteth-footer-status-addr {
color: #fff; color: #fff;
opacity: 0.4; opacity: 0.5;
width: 168px; padding: 20px 0 0 0;
line-height: 1.67; line-height: 20px;
text-align: left;
height: 50px;
padding-top: 30px;
padding-bottom: 30px;
} }
.commiteth-footer-icon { .commiteth-footer-icon {