diff --git a/toys/license/index.html b/toys/license/index.html
index 4b22f85..f9981ff 100644
--- a/toys/license/index.html
+++ b/toys/license/index.html
@@ -58,19 +58,19 @@
Basic
Extra
diff --git a/toys/license/options.css b/toys/license/options.css
index 591fa92..5a704fd 100644
--- a/toys/license/options.css
+++ b/toys/license/options.css
@@ -7,6 +7,7 @@
overflow-y: scroll;
max-width: min(600px, 100vw);
flex-grow: 1;
+ font-size: calc(4px * var(--pxDensity));
}
.optionsCredits {
margin: 0%;
@@ -83,8 +84,10 @@ input {
margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
box-sizing: border-box;
width: 50%;
- height: round(auto, var(--pxDensity));
+ height: calc(6px * var(--pxDensity));
color: inherit;
+ align-items: center;
+ display: flex;
}
#sillyNumberValue {
display: inline;
@@ -100,7 +103,7 @@ input {
margin: calc(3px * var(--pxDensity)) calc(3px * var(--pxDensity)) 0% 0%;
box-sizing: border-box;
width: round(auto, var(--pxDensity));
- height: auto;
+ height: calc(6px * var(--pxDensity));;
aspect-ratio: 1 / 1;
}
h1 {
@@ -156,6 +159,7 @@ input[type=file] {
aspect-ratio: 1 / 1;
width: auto;
background-image: url(/assets/icons/upload.svg);
+ display: inline-flex;
}
#picUploadIcon {
height: calc(4px * var(--pxDensity));
@@ -180,7 +184,8 @@ form {
box-sizing: border-box;
width: calc(100% - (4px * var(--pxDensity)));
height: calc(6px * var(--pxDensity));
- display: inline-block;
+ display: inline-flex;
+ justify-content: center;
}
.generateButtonIcon {
height: calc(4px * var(--pxDensity));
@@ -188,4 +193,8 @@ form {
width: auto;
display: inline-block;
margin: auto 0%;
+}
+.paramContainer {
+ display: flex;
+ align-items: center;
}
\ No newline at end of file