feat(style): Tweak styles

static/js/index.js

@@ -32,7 +32,7 @@ const generate = async () => {
     actions.querySelectorAll('button').forEach((button) => button.setAttribute('tabindex', '0'));
 
     if (window.innerWidth <= 920) {
-      scene.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      scene.scrollIntoView({ behavior: 'smooth', block: 'end' });
     }
 
     await new Promise((resolve) => setTimeout(resolve, 2_000));

static/style.css

@@ -63,7 +63,7 @@ main {
   }
 
   main > section {
-    width: 90%;
+    width: 95%;
   }
 
   main > section.info h1  {
@@ -186,6 +186,7 @@ section {
 .info input {
   display: block;
   width: 100%;
+  height: 45px;
   box-sizing: border-box;
   padding: 0.5rem 1rem 0.5rem 5rem;
   border: 3px solid hsl(0 0% 70%);
@@ -194,8 +195,7 @@ section {
   text-align: center;
   font-size: 1.25rem;
   transition: box-shadow 0.5s ease-out;
-  border-top-left-radius: 1rem;
-  border-bottom-left-radius: 1rem;
+  border-radius: 1rem 0 0 1rem;;
   box-shadow: none;
 }
 
@@ -881,6 +881,7 @@ header > * {
 }
 
 header > div {
+  width: max-content;
   position: absolute;
   right: 1rem;
 }
@@ -1054,6 +1055,7 @@ hr {
   display: flex;
   flex-direction: column;
   align-items: center;
+  width: max-content;
   margin: 0;
 }