Add pause/resume for isolates in vmservice/observatory.

runtime/bin/vmservice/client/lib/src/elements/css/shared.css

 
 /* Global styles */
 * {
   margin: 0;
   padding: 0;
   font: 400 14px 'Montserrat', sans-serif;
   color: #333;
   box-sizing: border-box;
 }
 
@@ skipping 124 matching lines @@
   flex-shrink: 0;
   flex-basis: 16.6%;
 }
 
 .flex-item-fixed-4-12 {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 33.3333%;
 }
 
-.flex-item-fixed-6-12 {
+.flex-item-fixed-6-12, .flex-item-50-percent {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
 }
 
 .flex-item-fixed-8-12 {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 66.6666%;
 }
 
 .flex-item-fixed-9-12 {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 75%;
 }
 
 
 .flex-item-fixed-12-12 {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 100%;
 }
 
+.flex-item-10-percent {

[Cutch, 2014/05/12 17:57:08]

I would rename these to flex-item-fixed-10-percent because they are fixed size
(no grow or shrink allowed).

+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 10%;
+}
+
+.flex-item-15-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 15%;
+}
+
+.flex-item-20-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 20%;
+}
+
+.flex-item-30-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 30%;
+}
+
+.flex-item-40-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 40%;
+}
+
+.flex-item-60-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 60%;
+}
+
+.flex-item-70-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 70%;
+}
+
+.flex-item-80-percent {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 80%;
+}
+
 .well {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
 }