Adjust writer form styling

jermainee · Aug 7, 2023 · 63833ab · 63833ab
1 parent dde59c4
commit 63833ab
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/Writer.tsx b/src/Writer.tsx
@@ -61,7 +61,7 @@ export default class Writer extends Component<{}, IAppState> {
                             Create SEO optimized blog post drafts using AI
                         </div>
 
-                        <div className="notification is-blank">
+                        <div className="writerForm">
                             <form onSubmit={this.handleFormSubmit}>
                                 <div className="field">
                                     <label className="label">Target keyword</label>

diff --git a/src/index.css b/src/index.css
@@ -8,12 +8,6 @@ body {
     max-width: 680px !important;
 }
 
-.notification.is-blank  {
-    box-shadow: none;
-    background-color: #fff;
-    border: 1px solid #dbdbdb;
-}
-
 .button.is-dummy, .button.is-dummy:hover {
     text-decoration: none;
     background-color: #fff;
@@ -43,6 +37,13 @@ body {
     cursor: pointer;
 }
 
+.writerForm  {
+    background-color: #fff;
+    padding: 1.25rem 1.5rem;
+    border: 1px solid #dbdbdb;
+    border-radius: 4px;
+}
+
 .writerEditor {
     height: calc(100vh - 46px);
 }