Improve footer design

This commit is contained in:
Gabriel Augendre 2016-04-27 17:51:45 +02:00
parent 9aeea54465
commit 8441ac9a2a
No known key found for this signature in database
GPG key ID: D2B6A5B41FC438B1

View file

@ -28,7 +28,7 @@ body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
line-height: 1.5; line-height: 1.5;
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: 60px; margin-bottom: 6em;
} }
.footer { .footer {
@ -36,14 +36,11 @@ body {
bottom: 0; bottom: 0;
width: 100%; width: 100%;
/* Set the fixed height of the footer here */ /* Set the fixed height of the footer here */
height: 60px; padding: 1em 0;
line-height: 60px; background-color: #f8f8f8;
background-color: #f5f5f5; border-top: 1px solid #e7e7e7;
} }
.footer p { .footer p {
margin: 0; margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }