Port first garden-o-matic component over to polymer

Tools/GardeningServer/styles/results.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
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
  * THE POSSIBILITY OF SUCH DAMAGE.
  */
-
-.comparison {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-}
-
-.comparison > div {
-    flex: 1;
-    min-width: 300px;
-}
-
-.results-container {
-    border: 1px solid gray;
-}
-
 .non-action-button, .results-view ul.actions, .ui-dialog ul.actions {
     float: right;
     margin: 0;
     padding: 5px 0px;
     list-style: none;
     display: inline-block;
 }
 
 .non-action-button {
     padding: 5px;
@@ skipping 37 matching lines @@
     overflow: hidden;
     vertical-align: top;
 }
 
 .results-grid table th {
     padding: 3px;
     border-top: 1px solid #DDD;
     border-bottom: 1px solid #DDD;
 }
 
-.results-grid .text-result {
-    border: none;
-    width: 100%;
-    height: 400px; /* FIXME: How do we get a reasonable height here? */
-}
-
-.results-grid .image-result {
-    width: 100%;
-    height: auto;
-}
-
 .results-view .top-panel {
     max-height: 20%;
     overflow: auto;
     position: relative;
     border: 1px solid #EEE;
 }
 
 .results-view .resize-handle {
     height: 5px;
     text-align: center;
@@ skipping 115 matching lines @@
 .status-content:last-child {
     border-bottom: 0;
     margin-bottom: 0;
 }
 
 .flakiness-iframe, .flakiness-iframe-placeholder {
     border: none;
     height: 0;
     width: 100%;
 }