Kumi
953edad91f
Improved the header's layout by making the logo and button positioning more intuitive and visually appealing. Adjusted header padding and button placement to be more consistent. Added text alignment to non-timed tasks for better readability.
62 lines
No EOL
905 B
CSS
62 lines
No EOL
905 B
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
header {
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 1em 2em;
|
|
}
|
|
|
|
header h1 {
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
header button {
|
|
position: absolute;
|
|
right: 2em;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
padding: 0.5em 1em;
|
|
background-color: #fff;
|
|
border: 1px solid #4CAF50;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
main {
|
|
display: flex;
|
|
padding: 1em;
|
|
padding-bottom: 4em;
|
|
}
|
|
|
|
|
|
footer {
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 1em 0;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
footer a {
|
|
color: white;
|
|
}
|
|
|
|
.footer-left {
|
|
float: left;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.footer-right {
|
|
float: right;
|
|
margin-right: 1em;
|
|
} |