Improve positioning of edit sample area

* Vertical align middle
* Increase height of progress bar

1 files changed, 8 insertions, 1 deletions

diff --git a/assets/css/sample-editor.css b/assets/css/sample-editor.css
index 90ac195..7b64171 100644
--- a/assets/css/sample-editor.css
+++ b/assets/css/sample-editor.css
@@ -3,12 +3,13 @@
 
 .edit-sample > div {
 	display: inline-block;
+	vertical-align: middle;
 }
 
 .progress-bar {
 	border: 1px solid #777;
 	width: 50%;
-	height: 2em;
+	height: 3em;
 	position: relative;
 	background-color: #ddd; /* change to something more pleasant later */
 }
@@ -38,4 +39,10 @@
 	position: absolute;
 	top: 0;
 	background-color: #4087a0;
+}
+
+
+/* Key input */
+.edit-sample .key-input {
+	margin-top: 0.1em;
 }
\ No newline at end of file