Improve index layout and UX with UI adjustments and better wording

This commit is contained in:
Wu Cheng-Han 2016-08-15 10:56:14 +08:00
parent cf290e86e1
commit 3bcb36b46c
4 changed files with 91 additions and 39 deletions

View file

@ -53,6 +53,8 @@ body {
vertical-align: middle;
}
.cover-container {
width: 100%;
padding-top: 80px;
margin-right: auto;
margin-left: auto;
}
@ -65,6 +67,13 @@ body {
* Header
*/
.masthead {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.masthead-brand {
margin-top: 10px;
margin-bottom: 10px;
@ -135,8 +144,10 @@ body {
@media (min-width: 768px) {
/* Pull out the header and footer */
.masthead {
position: relative;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
}
.mastfoot {
position: fixed;
@ -279,8 +290,11 @@ input {
color: #d43f3a;
}
.ui-or {
margin-top: 5px;
margin-bottom: 5px;
margin: 5px;
}
.ui-use-tags {
min-width: 172px;
max-width: 344px;
}
.modal-title {
@ -306,4 +320,20 @@ input {
background: white;
cursor: inherit;
display: block;
}
.social-foot {
line-height: 30px;
}
.social-foot > *, .social-foot > * > * {
vertical-align: middle !important;
}
@media (max-width: 768px) {
span.ui-or {
display: block;
}
.ui-use-tags {
max-width: 100%;
}
}