added upload button logic

toys/license/options.css

@@ -1,16 +1,16 @@
 #optionsContainer {
   display: block;
-  margin: 0% auto;
+  margin: calc(2px * var(--pxDensity)) auto 0% auto;
   width: max-content;
   height: auto;
   padding: calc(2px * var(--pxDensity));
   overflow-y: scroll;
-  max-width: 100vw;
+  max-width: min(600px, 100vw);
   flex-grow: 1;
 }
 .optionsCredits {
   margin: 0%;
-  max-width: calc(100% - (5px * var(--pxDensity)));
+  max-width: calc(100% - (4px * var(--pxDensity)));
 }
 label {
   background-color: var(--navBarBtn_Inner);
@@ -23,9 +23,10 @@ label {
   margin: calc(3px * var(--pxDensity)) calc(3px * var(--pxDensity)) 0% 0%;
   box-sizing: border-box;
   width: round(auto, var(--pxDensity));
-  height: round(auto, var(--pxDensity));
+  height: calc(6px * var(--pxDensity));
 }
 input {
+  font-family: "Roboto", sans-serif;
   background-color: var(--navBarBtn_Inner);
   box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBarBtn_Border),
               calc(-1px * var(--pxDensity)) 0px var(--navBarBtn_Border),
@@ -39,7 +40,7 @@ input {
   box-sizing: border-box;
   /* width: round(auto, var(--pxDensity)); */
   width: 50%;
-  height: round(auto, var(--pxDensity));
+  height: calc(6px * var(--pxDensity));
   color: inherit;
   display: inline-block;
 }
@@ -120,7 +121,7 @@ h1 {
   display: inline-block;
 }
 .h1Top {
-  margin-top: calc(2px * var(--pxDensity));
+  margin-top: 0%;
 }
 select {
   background-color: var(--navBarBtn_Inner);
@@ -139,4 +140,30 @@ select {
   height: round(auto, var(--pxDensity));
   color: inherit;
   display: inline-block;
+}
+input[type=file] {
+  /* height: max-content;
+  aspect-ratio: 1 / 1;
+  width: auto;
+  overflow: hidden; */
+  display: none;
+}
+#picInput {
+  margin-right: calc(3px * var(--pxDensity));
+}
+#picUploadLabel {
+  height: calc(6px * var(--pxDensity));
+  aspect-ratio: 1 / 1;
+  width: auto;
+  background-image: url(/assets/icons/upload.svg);
+}
+#picUploadIcon {
+  height: calc(4px * var(--pxDensity));
+  aspect-ratio: 1 / 1;
+  width: auto;
+  display: inline-block;
+  vertical-align: middle;
+}
+form {
+  display: inline-block;
 }