The New Lastpass small fix

cssfix.md

First of all: beautiful. Great job.

There is just this little thing (border radius of inner elements of the list):

To fix:

Remove these lines from the #actions ul li a block

border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;

So it should look like this:

#actions ul li a {
  color: #9b9b9b; 
  padding-top: 11px;
  padding-bottom: 11px;
  display: block;
  padding-left: 15px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #E9E4E2;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: 500;
  font-size: 15px;
}

aaand... Replace the selector for this block:

#actions ul li a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

to #actions ul:last-child li:last-child a... boomtown.

#actions ul:last-child li:last-child a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

I guess you know how it works already, but you never know, so it works by selecting the last ul (as you use two), then select the last li a

So long story short, I put a strict deadline of 4 hours on this project. Looking back on this design, I see several areas of improvement needed, especially the icons. I've decided to not spend anymore remaining recourses on this design as a way to see an overall improvement of my portfolio over time.

I did notice this "design mishap" while coding the design, but at the time I liked the style. It gave it an overlapping index card style. Unfortunately hovering over a list item looks terrible. It is something that could be cleverly fixed with some jquery, but as I stated, I don't wish to spend anymore time on this project.

Although, since you took the time to point out these changes, and I agree it looks bad at its current state, I will update the CSS :)

Thanks for taking the time to point this out, David.

-C