pfsense/pfsense — pull request #735 by CharlieMarshall (2013-07-27 12:40:12+00:00)
Title: improve gateway widget dimensions

Here are some minor changes which stops the table inside the Gateway widget spilling out of the widget as new columns are created in the pfsense_ng_fs theme. Here is an extreme example:

![error7](https://f.cloud.github.com/assets/4223752/866826/2358740a-f6b7-11e2-9188-0ae2fea0ea1c.png)

The changes are not perfect, there is one more change I would like to make but have not as I haven't investigated all the consequences therefore I left it out. The missing change is adding the "ellipsis" class to the "name" column:

```	```

becomes

```	```

The reason for this is because it affects the other themes, it shrinks the "WAN_DHCP_6" title to "WAN_DH..". There is plenty of room left in the cell the problem is the padding in the "all.css" files. Currently the padding is set to:

```
.vncellt {
background-color: #DDDDDD;
padding-right: 20px;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
border-bottom: 1px solid #999999;
}
```

This can be overcome by changing the padding-right in the all.css to anything below and including 11px. I would of thought it should be matching the padding left to make it centered?

Therefore... I think it is fine to merge the PR in its current state. But without investigating the consequences of changing the padding-right on the other themes the title field will still spill (which is much better then the entire table) when a user creates too many columns. I don't think this is a problem on my 1080p screen 5 columns is the perfect number of viable columns and the original problem is only noticeable at 6 columns @ 1080p. If someone has a 2k+ screen then in theory 10 columns (the max we allow in pfsense) should look fine with or without this fix.

Screenshot with changes applied, widget does not spill out of widget, text fields are clipped but title still spills.

5columns:
![5cols](https://f.cloud.github.com/assets/4223752/866842/7f63b8b2-f6b8-11e2-9f4a-dbd4cd137baa.png)

6columns:

![6cols](https://f.cloud.github.com/assets/4223752/866831/9dc3c08c-f6b7-11e2-815e-127703582889.png)

If your not happy I will close the PR.

This also lines up the table cells properly. If you compare the screenshots the first ones the cells don't line up.