tidepool-org/tideline — pull request #83 by nicolashery (2014-04-14 14:58:18+00:00)
Title: Add styles for device settings

Hey @jebeck, here is a first pass at adding some styles to the device settings visualization.

A few things to note:

- I had to change some of the classes, as well as add a "table footer" element. Can I let you look through the HTML at the end of this post and mirror those changes in the D3 code?
- I wanted to get something "done" before the end of day, that you can use, so I stopped before adding the "click to collapse/expand" on the basal patterns. We can do that later this week. If you add "overflow: scroll" to the fixed-height "tidelineContainer" (see example.less), it will allow the user to see any basal patterns that flow out of the bottom of the visualization box.
- I had to diminish font size to 14px (from the app's default 16px), or else things would wrap a bit too much.
- If you copy the HTML below to `example/settings.html`, build `example/example.less` you can see a preview of this.

![screen shot 2014-04-14 at 4 51 01 pm](https://cloud.githubusercontent.com/assets/1306536/2696664/124b77ec-c3e5-11e3-80e0-114507673778.png)

```html

Tideline: Settings

One Day
Two Weeks

Current Settings

Device Settings

```