http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html

Variations in size.

I'll mock this up first.

Rather than an "other search options" button resting above the search container, display all of those search options in one visible row.

Lookup by
location | city | machine | zone | type | operator

The active one will one color, while the inactives will be another.

Phase 2: Consider ways in which to choose more than one (e.g. by city, and then by machine within that city).

possibly http://craigsworks.com/projects/qtip2/ unless it's too bulky.

Add http://www.flipperfreaks.com/

-Consider putting #lookup and #map within one div. Give it a height. Float both.

-Search does not work.

-Other regions doesn't work.

Try
"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif

Create a badge so that people can add an image and link on their own site!

a href="http://market.android.com/details?id=Pinball Map"

img src="http://www.android.com/images/brand/60_avail_market_logo2.png"
alt="Available in Android Market"

This is fixed with my next commit.

.machine_name {
background-color: #333333;
color: #FFEEDD;
float: left;
font-size: 14px;
font-weight: bold;
height: 100%;
padding: 1px 3px;
width: 78%;
RADIUS

}

class="machine_condition_lmx"
Line break above

.machine_condition_display_lmx {
color: #CCCCCC;
font-size: 10px;
font-style: italic;
line-height: 125%;
margin-left: 10px;
padding-bottom: 15px;
padding-top: 25px; ###########
CONSIDER NEW PADDING-BOTTOM
}

Header background is not transparent in chrome

related to the comma.

header {

background-image: -moz-linear-gradient(center bottom , rgba(64, 90, 106, 0.7) 7%, rgba(130, 154, 168, 0.7) 54%);

header ul {

font-size: 10px;
font-weight: bold;
line-height: 220%;
margin-left: 540px;
margin-top: 5px;
padding-bottom: 15px;
text-align: left;
width: 480px;

}

div.pick_a_map {
background-color: #4B5259;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 5px #000000 inset;
color: #FFFFCC;
font-size: 14pt;
left: 58%;
position: absolute;
text-align: center;
top: 23px;
}

p.pick_a_map {
margin: 0;
padding: 10px;
text-shadow: 0.1em 0.1em 0.2em black;
}

In the site meta

width: 78%;

Make the date more distinct... title stand out. etc.

http://developer.android.com/images/brand/android_app_on_play_logo_large.png

Replace Android icon.

And update the link to: https://play.google.com/

Place #lookup and #map inside a div (#page_body).

page_body

display: block;

lookup

display: inline;
float: left;

map

display: inline;
float: left;

@media (max-width: 450px) { }

Or

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { }

Or

@media only screen and (max-width: 479px) { }

http://www.getskeleton.com/#mediaQueries

Create and add to /public/images

apple-touch-icon.png
apple-touch-icon-72x72.png
apple-touch-icon114x114.png

remove width

body {font-family: Helvetica, Arial, sans-serif}

Borders around images that are a little bit lighter than the background, same tone.

Not bold font weight in the intro (.intro .stufflike).

Border/background on #locations.

hs.graphicsDir should be '/assets/highslide/graphics'

and put

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33321299-1']);
_gaq.push(['_setDomainName', 'pinballmap.com']);
_gaq.push(['_trackPageview']);

outside of the function. And remove second (function() {

padding: 20px 40px 45px;

add them into the /links page. See email for logo.

with .left_column

on

bc/links
bayarea/about
bayarea/links

header ul {

font-size: 10px;
font-weight: bold;
line-height: 200%;
margin-left: 550px;
padding-bottom: 2px;
padding-top: 6px;
text-align: right;
width: 465px;

}

%p.regular_text{:style => 'margin-top:0;'}
Welcome to

and remove style on .intro

Less br tags!

http://pinballmap.com/la/links

Larger font, larger text boxes. More prominent "Thank you!" message. Color correction.

"New York City" as max width, standard size.

-full width of container
-more space between items
-background color / opacity slightly different
-text color?

give the .right_column in /events a "min-height:something;" AND "height: 100%".

And adjust padding

Add background that matches the map page's background.

Explain criteria for adding new regions.

-regional admin
-league support
-active interest
-many machines/locations

Consider adding new fields to the form so that people are pressed to address these items.

http://www.facebook.com/groups/204737299539297/

Consider a background for the header.

Thinking of a bottom-radius background, with a space between it and the main container.

http://capitolcorridor.pinballleague.com/homepage.html

Remove "Coming soon"

.machine_name : width: 77%

header li ul : width: 120px

In the JS:

scrollerwrapper: 50px
scrollerscroller: 50px