| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="observatory_element.html"> | 2 <link rel="import" href="observatory_element.html"> |
| 3 </head> | 3 </head> |
| 4 <polymer-element name="disassembly-entry" extends="observatory-element"> | 4 <polymer-element name="disassembly-entry" extends="observatory-element"> |
| 5 <template> | 5 <template> |
| 6 <style> |
| 7 .monospace { |
| 8 font-family: consolas, courier, monospace; |
| 9 font-size: 1em; |
| 10 line-height: 1.2em; |
| 11 white-space: nowrap; |
| 12 } |
| 13 </style> |
| 6 <div class="row"> | 14 <div class="row"> |
| 7 <div class="col-md-2">{{ instruction.formattedTicks() }}</div> | 15 <div class="col-md-2 monospace">{{ instruction.formattedAddress() }}</div> |
| 8 <div class="col-md-2">{{ instruction.formattedAddress() }}</div> | 16 <div class="col-md-2 monospace">{{ instruction.formattedInclusive(code) }}
</div> |
| 9 <div class="col-md-4"> | 17 <div class="col-md-2 monospace">{{ instruction.formattedExclusive(code) }}
</div> |
| 10 <code>{{ instruction.machine }} {{ instruction.human }}</code> | 18 <div class="col-md-6 monospace">{{ instruction.human }}</div> |
| 11 </div> | |
| 12 </div> | 19 </div> |
| 13 </template> | 20 </template> |
| 14 <script type="application/dart" src="disassembly_entry.dart"></script> | 21 <script type="application/dart" src="disassembly_entry.dart"></script> |
| 15 </polymer-element> | 22 </polymer-element> |
| OLD | NEW |