diff --git a/www/app.html b/www/app.html index 74fe338..6ddc22b 100644 --- a/www/app.html +++ b/www/app.html @@ -11,9 +11,7 @@

DNA Transcription & Translation

-
- -
+
diff --git a/www/css/styles.css b/www/css/styles.css index 6a7e690..bbb853a 100644 --- a/www/css/styles.css +++ b/www/css/styles.css @@ -39,6 +39,27 @@ h1, h2 { color: white; } +.input-div-container { + height: 100%; + width: 100%; + margin: 0 auto; + padding: 10px; + position: relative; + text-align: center; +} + .input-div { - + height: 50%; + width: 50%; + background-color: var(--secondary-bg-color); + position: absolute; + margin-left: auto; + margin-right: auto; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +#footer { + text-align: center; } diff --git a/www/index.html b/www/index.html index 7a7dea1..686540d 100644 --- a/www/index.html +++ b/www/index.html @@ -4,18 +4,27 @@ + + DNA Transcription & Translation -

Please enter the DNA strand in the space below:

-
- - -
+
+
+
+ + +
+
+
diff --git a/www/webpack.config.js b/www/webpack.config.js index fad305a..5e8baae 100644 --- a/www/webpack.config.js +++ b/www/webpack.config.js @@ -11,6 +11,5 @@ module.exports = { mode: "development", plugins: [ new CopyWebpackPlugin(['index.html']) - new CopyWebpackPlugin(['app.html']) ], };