GRIFFINCollaboration/GRIFFINshackStatus — pull request #8 by lisanmorrison (2014-06-16 23:08:39+00:00)
Title: Centered entire interface onto canvas and centered text within their corresponding boxes.

Hi Bill,
Here is a list of modifications I made to the code:

1) I condensed all necessary variables into components of the objects 'cells.()' and 'label.()' where the 'cells' variables are related to properties of the rectangles themselves, and the 'label' variables correspond to properties of the text within these rectangles.

2) Next, I centered the racks in the canvas by adding a left and top margin which are defined in lines 46 and 47 of the code. These margins are then added on to the components' x and y coordinates which center the entire picture onto the canvas.

3) Finally, I centered all of the text labels within their corresponding rectangles by using the same x and y coordinates as the rectangles, but then including the 'align: ''center'' ' and 'padding: ... ' commands. The padding of a text box depends on the height of the rectangle corresponding to that particular piece of text.

Hopefully these changes should make the interface look the same with all screen sizes!