Kumi
a3e50477b0
Introduced a "Delete all entries" link in the footer that clears local storage state upon confirmation from the user. Modified CSS to properly align new footer elements. This improvement enhances user control over stored data, ensuring an easy way to reset the application state.
53 lines
No EOL
752 B
CSS
53 lines
No EOL
752 B
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
header {
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 1em 0;
|
|
}
|
|
|
|
header button {
|
|
margin: 1em;
|
|
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;
|
|
} |