diff --git a/hectabitstyles.css b/hectabitstyles.css index 4f4d921..e75abf4 100755 --- a/hectabitstyles.css +++ b/hectabitstyles.css @@ -49,20 +49,23 @@ body { /* Sidebar styles */ .sidebar { + border-radius: 10px; transition: all 0.3s ease; background-color: var(--sidebar-color); color: white; padding: 20px; width: 250px; position: fixed; - top: 0; - left: 0; - height: 100%; + top: 5px; + left: 5px; + bottom: 5px; overflow-y: auto; box-shadow: lightgrey 5px 5px 5px; } .closebar { + left: 2px; + top: 15px; background-color: #0000; overflow-y: hidden; position: fixed; @@ -117,7 +120,7 @@ p1 { padding: 7px 16px; text-align: center; background-color: var(--button-color); - transition: all 0.3s ease 0s; + transition: all 0.3s ease; margin: 2px; } @@ -126,6 +129,7 @@ p1 { } button { + border-radius: 5px; border: none; margin-top: 5px; padding: 10px; @@ -164,11 +168,11 @@ button:hover { } .closebar.expanded { - transform: translateX(-290px); + transform: translateX(-295px); } .sidebar.hidden { - transform: translateX(-290px); + transform: translateX(-295px); } .content.expanded + .sidebar.hidden {