remove down carat from typed input with only 1 type

(should we add max width also ?)

editor/js/ui/common/typedInput.js

@@ -116,7 +116,9 @@
             this.options.types = this.options.types||Object.keys(allOptions);
 
             this.selectTrigger = $('<button tabindex="0"></button>').prependTo(this.uiSelect);
-            $('<i class="fa fa-sort-desc"></i>').appendTo(this.selectTrigger);
+            if (this.options.types.length > 1) {
+                $('<i class="fa fa-sort-desc"></i>').appendTo(this.selectTrigger);
+            }
             this.selectLabel = $('<span></span>').appendTo(this.selectTrigger);
 
             this.types(this.options.types);

editor/sass/editor.scss

@@ -178,7 +178,7 @@
 }
 .form-row label {
     display: inline-block;
-    width: 100px;
+    min-width: 100px;
 }
 .form-row input, .form-row div[contenteditable="true"] {
     width:70%;
@@ -323,6 +323,7 @@
         margin-right: 20px;
         text-align: right;
         width: 30px;
+        min-width: 30px;
     }
     button {
         margin-left: 10px;

editor/sass/ui/common/typedInput.scss

@@ -64,9 +64,10 @@
         vertical-align: middle;
         color: #555;
         i {
-            position:relative;
-            top:-3px;
-            margin-right:4px;
+            position: relative;
+            top: -3px;
+            margin-left: 1px;
+            margin-right: 2px;
             margin-top: 1px;
             vertical-align: middle;
             &.fa-ellipsis-h {