I love.love.love. this. I'll try this out for the entire month of November, I promise. I love trying out new productivity apps and software. I like how I can easily look back and see if I've been productive.
I really don't like some of the UI so I crafted my own Stylish css script to override yours, makes it look a bit more professional, currently it looks like it's for middle-schoolers. Sorry.
The following CSS code basically does this: Less kindergarten-buttons, more minimal out-of-the-way UI, smaller headers, more space for content, full width support now stretches and adjusts to browser width, removes rounded borders for non-clickable objects.
I really don't like some of the UI so I crafted my own Stylish css script to override yours, makes it look a bit more professional, currently it looks like it's for middle-schoolers. Sorry.
The following CSS code basically does this: Less kindergarten-buttons, more minimal out-of-the-way UI, smaller headers, more space for content, full width support now stretches and adjusts to browser width, removes rounded borders for non-clickable objects.
.Allocator__allocator___s0wBY .Allocator__heading___2pO2F .Allocator__pills___2v0H1 {border-radius:4px;} .PlanBar__planBar___2ET1U {border-radius:0px;} .PlanList__addButton___aSwx0 {border-radius:4px;} .PlanBar__planBarSegment___2fD3q {padding-top:0px;} .DayBar__bar___13rc2 {border-radius:0px;} .MonthDay__addSubtract___2js9l{border-radius:4px;} .Allocator__allocator___s0wBY .Allocator__heading___2pO2F .Allocator__pills___2v0H1 .Allocator__selected___3cu8c {background-color:yellowgreen} .PlanList__addButton___aSwx0 {background-color:lightblue;} .PlanList__planList___3U3vn .PlanList__bottom___1zgQS {height:auto;} .PlanList__planList___3U3vn .PlanList__bottom___1zgQS {height:auto;} .PlanList__addButton___aSwx0 {border-radius:0px;} .PlanList__addButton___aSwx0 {padding:0; margin:0;} .PlanEdit__button___2AMRT {border-radius:4px;} .Allocator__allocator___s0wBY .Allocator__calendarContainer___3r2TT .Allocator__weekLabels___2OG5E .Allocator__weekdayLabel___uiapn {width:14.3%;} .WeekDay__weekDay___90P4W {width:14.3%;} .Allocator__weekdayLabel___uiapn {width:14.3%;} .MonthDay__monthDay___156P4 {width:14.3%} .Nav__nav___XdSZA {padding:0; padding-left:0;} .Nav__nav___XdSZA .Nav__navItem___1iyJS {display:none;} .Allocator__allocator___s0wBY .Allocator__heading___2pO2F {padding: 2px 5px;} .Allocator__allocator___s0wBY .Allocator__calendarContainer___3r2TT .Allocator__weekLabels___2OG5E {width:100%;} .Allocator__allocator___s0wBY .Allocator__calendarContainer___3r2TT .Allocator__calendar___-60yN {width:100%;} .PlanList__planList___3U3vn .PlanList__header___S1Rpc {padding:3px 9px;} .PlanList__planList___3U3vn ul {padding-top:43px;} .PlanList__planItem___3d2Bx {padding-bottom:0; padding: 5px 10px 9px;} .PlanList__planList___3U3vn .PlanList__header___S1Rpc {height:auto;} .Allocator__allocator___s0wBY .Allocator__calendarContainer___3r2TT .Allocator__weekLabels___2OG5E { height: 35px;} .Allocator__weekdayLabel___uiapn {height: 36px; line-height: 36px;} .MonthDay__monthDay___156P4 {height:17.6%;}
Elements that cannot be clicked should not have rounded corners. Buttons on the other hand should have slightly rounded corners.