Style update

index.html

@@ -33,19 +33,6 @@
  ></label>
  </form>
  </div>
- <div class="card">
- <form>
- <label for="prompt" class="container"
- ><span><b>Prompt</b></span>
- <textarea
- id="prompt"
- dir="ltr"
- placeholder=""
- rows="1"
- ></textarea>
- </label>
- </form>
- </div>
  <div class="card">
  <form>
  <label class="container"
@@ -66,6 +53,19 @@
  </div>
  </div>
  <div id="right-col" class="container">
+ <div class="card">
+ <form>
+ <label for="prompt" class="container"
+ ><span><b>Prompt</b></span>
+ <textarea
+ id="prompt"
+ dir="ltr"
+ placeholder=""
+ rows="1"
+ ></textarea>
+ </label>
+ </form>
+ </div>
  <button id="generate">Generate</button>
  <div class="card">
  <form>

style/style.css

@@ -51,7 +51,6 @@ p {
 }
 
 .card {
- padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow-y: hidden;
@@ -177,6 +176,15 @@ button:hover {
  }
 
  #right-col {
- flex-direction: column-reverse;
+ flex-direction: column;
  }
-}
+
+ h1 {
+ font-size: 2rem;
+ padding-bottom: 0.4rem;
+ }
+
+ h4 {
+ font-size: 1rem;
+ }
+}