Modify Feedback icon + Footer responsive

This commit is contained in:
Mark Liang 2017-07-25 15:34:01 +08:00
parent e1c21dd9b0
commit b306ffec8d

View file

@ -74,9 +74,9 @@ body {
.feedback {
background-color: #0297f8;
background-image: url('resources/feedback.svg');
background-position: 4px 6px;
background-position: 2px 4px;
background-repeat: no-repeat;
background-size: 14px;
background-size: 18px;
border-radius: 3px;
border: 1px solid #0297f8;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
@ -90,14 +90,14 @@ body {
padding: 5px;
overflow: hidden;
width: 12px;
text-indent: 20px;
text-indent: 17px;
transition: all 150ms ease-in-out;
}
.feedback:hover,
.feedback:focus {
width: 57px;
text-indent: 0;
text-indent: 2px;
padding: 5px 5px 5px 20px;
background-color: #0287e8;
transition: all 150ms ease-in-out;
@ -708,11 +708,12 @@ tbody {
.legal-links > * {
display: block;
padding: 10px 0;
align-self: flex-start;
}
.social-links {
margin: auto;
margin-top: 20px;
align-self: flex-start;
}
}