Add an ability for resize in gallery.

ui/file_manager/gallery/css/gallery.css

Index: ui/file_manager/gallery/css/gallery.css
diff --git a/ui/file_manager/gallery/css/gallery.css b/ui/file_manager/gallery/css/gallery.css
index e655980fa222e1b2a65169c732cfed01ef9b63f6..cdc854193cbc58e4424bc696a3304d1fd728d8e5 100644
--- a/ui/file_manager/gallery/css/gallery.css
+++ b/ui/file_manager/gallery/css/gallery.css
@@ -752,6 +752,12 @@ button[disabled] {
       url(../images/200/crop.png) 2x);
 }
 
+.edit-main button.image-resize .icon {
+  background-image:  -webkit-image-set(
+      url(../images/100/image-resize.png) 1x,

[fukino, 2016/08/31 05:10:24]

Use filename 'image_resize.png' instead of 'image-resize.png' to be consistent
with other image file names.

[harukam, 2016/09/05 10:37:00]

We've decided to use filename 'resize.png' according to the new mode name
'ImageEditor.Mode.Resize'.

+      url(../images/200/image-resize.png) 2x);
+}
+
 .edit-main button.exposure .icon {
   background-image: -webkit-image-set(
       url(../images/100/brightness.png) 1x,
@@ -1014,6 +1020,23 @@ paper-slider::shadow paper-progress::shadow #progressContainer {
   bottom: -6px;
 }
 
+/* Input UI */
+.edit-modal .input {
+  -webkit-margin-end: 10px;
+  align-items: flex-end;
+  display: flex;
+  width: 100px;
+}
+
+.edit-modal .input:first-child {
+  -webkit-margin-end: 30px;
+}
+
+.edit-modal .input > .unit_label {
+  color: rgba(255, 255, 255, 0.4);
+  margin-bottom: 10px;
+}
+
 /* Prompt/notification panel */
 
 .gallery .prompt-wrapper {