updates

Author: JustDeveloper1

lib/builder.js

@@ -42,9 +42,9 @@ const Builder = () => {
         <>
             <div className='builder'>
                 <div><span>{translate.raw('builder-file')}</span><input id='builder-filepath' placeholder='index' value="just.config.js" data-value="just" /></div>
-                <span>{translate.raw('builder-filecontent')}</span>
+                <noscript><span>{translate.raw('builder-filecontent')}</span></noscript>
                 <div id="monaco" />
-                <div><span>{translate.raw('builder-filetype')}</span><Select placeholder={translate.raw('builder-language')} items={[['JavaScript', '/img/js.svg']]} /></div>
+                <div className='aic'><span>{translate.raw('builder-filetype')}</span><Select placeholder={translate.raw('builder-language')} items={[['JavaScript', '/img/js.svg']]} /></div>
             </div>
             <Script id="rewrite-fetch">
                 {`
@@ -107,7 +107,8 @@ const Builder = () => {
                             '}'
                         ].join('\\n'),
                         language: 'javascript',
-                        fontFamily: "'Source Code Pro', Consolas, 'Courier New', monospace"
+                        fontFamily: "'Source Code Pro', Consolas, 'Courier New', monospace",
+                        fontSize: 15
                     });
                 `}
             </Script>

pages/style.css

@@ -146,9 +146,17 @@ h1 {
     height: 420px;
 }
 
+button {
+    border: none;
+    border-radius: 5px;
+}
 .sb { /* Select Button */
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 10px;
 }
+
+.aic { /* Align Items: Center */
+    align-items: center;
+}