diff --git a/styles.css b/styles.css index 33a99ae..7bf8967 100644 --- a/styles.css +++ b/styles.css @@ -4,8 +4,8 @@ transform: rotate(90deg); transform-origin: top left; position: relative; - height: 42px; - left: 42px; + height: 40px; + left: 40px; } /* hide everything in a closed list... */ @@ -20,12 +20,12 @@ /* we need to reduce the width of the title to fit the collapse toggle in */ .js-list .list .list-header-name { - width: calc(100% - 22px); + width: calc(100% - 20px); } /* collapsed list header - rotated + some css hackery to make it look right */ .js-list.-closed .list .list-header-name { - height: 40px !important; + height: 38px !important; width: auto; line-height: 30px; display: block !important; @@ -39,13 +39,11 @@ .collapse-toggle { float: left; cursor: pointer; - background: white; - border: 1px solid #ccc; - border-radius: 50%; height: 20px; width: 20px; text-align: center; position: relative; + opacity: 0.5; } /* collapse toggle button - triangle */