Output files can be viewed in slices

src/web/stylesheets/components/_pane.css

@@ -50,8 +50,10 @@
 
 .card>img {
     float: left;
-    width: 150px;
-    height: 150px;
+    width: 128px;
+    height: 128px;
+    margin-left: 10px;
+    margin-top: 11px;
 }
 
 .card-body .close {
@@ -68,4 +70,14 @@
     overflow: hidden;
     text-overflow: ellipsis;
     user-select: text;
-}
+}
+
+.card-body>.btn {
+    margin-bottom: 15px;
+    margin-top: 5px;
+}
+
+.card input[type=number] {
+    padding-right: 6px;
+    padding-left: 6px;
+}

src/web/stylesheets/layout/_io.css

@@ -88,6 +88,14 @@
     display: none;
 }
 
+#show-file-overlay {
+    position: absolute;
+    right: 15px;
+    top: 15px;
+    cursor: pointer;
+    display: none;
+}
+
 .io-btn-group {
     float: right;
     margin-top: -4px;

src/web/stylesheets/utils/_overrides.css

@@ -64,7 +64,8 @@ a:focus {
 .alert,
 .modal-content,
 .tooltip-inner,
-.dropdown-menu {
+.dropdown-menu,
+.input-group-addon {
     border-radius: 0 !important;
 }
 
@@ -187,6 +188,15 @@ optgroup {
     color: var(--primary-font-colour);
 }
 
+.input-group-addon:not(:first-child):not(:last-child) {
+    border-left: 0;
+    border-right: 0;
+}
+
+.input-group-btn:first-child>.btn {
+    border-right: 0;
+}
+
 
 /* Bootstrap-switch */