1 files changed, 44 insertions, 4 deletions
diff --git a/client/app.css b/client/app.css
index a437c90..aa525da 100644
--- a/client/app.css
+++ b/client/app.css
@@ -1,14 +1,52 @@
+/* query */
+
 .query {
   margin: 10px 0;
 }
-.query label {
+.query > div,
+.query span {
+  user-select: none;
+}
+label {
+  cursor: pointer;
+}
+.query > label,
+.query > div {
   display: flex;
   flex-direction: row;
+  margin-bottom: 5px;
 }
+.query > div span,
 .query label span {
   display: inline-block;
   width: 100px;
 }
+.query > div label {
+  margin-left: 5px;
+}
+.query > div label:first-of-type {
+  margin-left: 0;
+}
+.query .image {
+  width: 200px; height: 200px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: top left;
+}
+.query input[type=number] {
+  border: 1px solid transparent;
+  margin-left: 5px;
+  transition: all 0.1s;
+}
+.query input[type=number]:focus {
+  border: 1px solid #000;
+}
+.query > div.activeQuery {
+  margin-top: 10px;
+  flex-direction: column;
+}
+
+/* results */
 
 .results {
   margin: 10px 0;
@@ -21,7 +59,7 @@
   color: #333;
 }
 .results .result .img {
-  text-align: center;
+  text-align: left;
   height: 300px;
 }
 .results .result img {
@@ -31,9 +69,11 @@
 .sha256 {
   display: inline-block;
   overflow: hidden;
+  text-overflow: ellipsis;
   white-space: pre;
   max-width: 100%;
 }
 .results .result {
-  padding: 10px;
-}
-\ No newline at end of file
+  margin-bottom: 10px;
+  margin-right: 10px;
+}