Make Garden-o-matic at least readable on mobile devices

Tools/GardeningServer/styles/main.css

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 65 matching lines @@
 }
 
 button.previous {
     margin-right: 0px;
 }
 
 button[disabled] {
     visibility: hidden;
 }
 
+/* FIXME: This hover effect can't work on mobile. */
 button:hover {
     background-image: linear-gradient(#f8f8f8, #f1f1f1);
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
     background-color: #f8f8f8;
     background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
     border: 1px solid #c6c6c6;
     box-shadow: 0 1px 1px rgba(0,0,0,0.1);
     color: #333
 }
 
 button:focus {
     border: 1px solid #4d90fe;
     outline: none
 }
 
 button.default {
     border: 1px solid #3079ED;
     color: white;
     background-image: linear-gradient(#4d90fe, #4787ed);
 }
 
+/* FIXME: This hover effect can't work on mobile. */
 button.default:hover {
     border: 1px solid #2f5bb7;
     color: white;
     background-color: #357ae8;
     background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
 }
 
 .clear {
     clear: both;
 }
@@ skipping 207 matching lines @@
     width: 100%;
     height: auto;
 }
 
 /*** partytime ***/
 
 .partytime {
     display: none;
     text-align: center;
 }