Converted Observatory vm-connect element

runtime/observatory/lib/src/elements/css/shared.css

 /* Global styles */
 * {
   margin: 0;
   padding: 0;
   font: 400 14px 'Montserrat', sans-serif;
   color: #333;
   box-sizing: border-box;
 }
 
 body {
@@ skipping 284 matching lines @@
 
 .pointer {
   cursor: pointer;
 }
 
 .shadow {
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16),
               0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
 
+input.textbox {
+  width: 20em;
+  font: 400 16px 'Montserrat', sans-serif;
+}
+
 @-webkit-keyframes fadeIn {
   0%   { opacity: 0; }
   100% { opacity: 1; }
 }
 
 @-moz-keyframes fadeIn {
   0%   { opacity: 0; }
   100% { opacity: 1; }
 }
 
@@ skipping 151 matching lines @@
 
 view-footer > a {
   margin-bottom: 0.17em;
   font-size: 90%;
   float: right;
   clear: both;
   display: block;
 }
 
 /* vm-connect-target */
-/* TODO(cbernaschina) fix vm-connect-target-wrapped to vm-connect-target
-+when wrapper removed */
 
-vm-connect-target-wrapped > button.delete-button {
+vm-connect-target > button.delete-button {
   margin-left: 0.28em;
   padding: 4px;
   background: transparent;
   border: none !important;
 }
 
-vm-connect-target-wrapped > button.delete-button:hover {
+vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }