Index: Tools/GardeningServer/ui/ct-failure-card.html |
diff --git a/Tools/GardeningServer/ui/ct-failure-card.html b/Tools/GardeningServer/ui/ct-failure-card.html |
index 7abefd99189b67f0c58ce3da2f36849516debf8d..c1926d1ff366eaaece957ea797730edcf54c5f37 100644 |
--- a/Tools/GardeningServer/ui/ct-failure-card.html |
+++ b/Tools/GardeningServer/ui/ct-failure-card.html |
@@ -15,23 +15,53 @@ found in the LICENSE file. |
display: flex; |
} |
+ /* FIXME: All this paper-button styling should go in a cr-button component so that |
+ we can use buttons in different places and have them all look the same. */ |
paper-button { |
- background: papayawhip; |
+ -webkit-user-select: none; |
+ background: #f5f5f5; |
+ border-radius: 2px; |
+ border: 1px solid #dcdcdc; |
+ color: #444; |
+ padding: 0 16px; |
+ text-align: center; |
+ } |
+ |
+ paper-button:focus { |
+ border: 1px solid #4d90fe; |
+ outline: none; |
+ } |
+ |
+ paper-button:active { |
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); |
+ } |
+ |
+ paper-button:active, paper-button:hover { |
+ background: #f8f8f8; |
+ border-color: #c6c6c6; |
+ box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); |
+ color: #222; |
} |
ct-builder-grid { |
margin-right: 10px; |
} |
+ |
+ .failure { |
+ flex: 1; |
+ } |
+ |
+ #examine { |
+ align-self: flex-start; |
+ } |
</style> |
<ct-builder-grid failures="{{failures}}"></ct-builder-grid> |
- <div style="flex: 1"> |
+ <div class="failure"> |
<ct-test-list tests="{{failures|testNames}}"></ct-test-list> |
<ct-commit-list first="{{failures[0].newestPassingRevision + 1}}" |
last="{{failures[0].oldestFailingRevision}}"></ct-commit-list> |
</div> |
- <div> |
- <paper-button id="examine" on-tap="{{examine}}">Examine</paper-button> |
- </div> |
+ <paper-button id="examine" on-tap="{{examine}}">Examine</paper-button> |
</template> |
<script> |
Polymer({ |