fix: small fixes

README.md

@@ -1,3 +1,6 @@
+
+
+<!-- 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
 ## Available Scripts
@@ -65,4 +68,4 @@ This section has moved here: https://facebook.github.io/create-react-app/docs/de
 
 ### `npm run build` fails to minify
 
-This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
+This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify -->

src/components/App.css

@@ -2,11 +2,15 @@
     color:#ffffff;
     padding-left:40px;
     background-color: #6272a4;
+    padding:5px 5px 5px 35px;
+    font-family:segoe ui;
 }
 
-.logo{height:25px;
-width:25px;
-margin-right:10px;}
+.logo{
+   height:30px;
+   width:30px;
+    margin-right:10px;
+}
 
 
 footer{
@@ -16,4 +20,6 @@ footer{
     margin-top:40px;
     padding:10px;
     font-size: 14px;
+    border-top:1px solid  #cccccc
+    ;
 }

src/components/ComponentToImg.js

@@ -3,6 +3,7 @@ import { exportComponentAsJPEG, exportComponentAsPNG } from "react-component-exp
 import './CoverImage.css'
 
 
+
 class ComponentToImg extends React.Component {
     constructor(props) {
         super(props);
@@ -26,6 +27,7 @@ class ComponentToImg extends React.Component {
                     <button onClick={() => exportComponentAsPNG(this.componentRef)}>
                         Download
                      </button>
+                
             </React.Fragment>);
     }
 

src/components/ConfigCover.js

@@ -20,7 +20,7 @@ class ConfigCover extends React.Component {
                 <div className="inputData card">
 
                     <h1>CoverView</h1>
-                    <p>Create awesome cover for your blogs</p>
+                    <p>🛠 Create awesome cover images for your blog posts quickly</p>
                     <input type="text" placeholder="Enter title here" className="inputTitle form-control"
                         onChange={e => this.setState({ title: e.target.value })}></input>
 

src/components/CoverImage.css

@@ -44,6 +44,7 @@ button{
     margin:auto ;
     width:100px;
     text-align: center;
+    box-shadow: 4px 4px #cccccc;
 }
 
 
@@ -55,6 +56,6 @@ button{
     }
     .title-card{
         padding:2.5vw 3vw 2.5vw 3vw;
-        font-size: 1.4rem;
+        font-size: 1.2rem;
     }
 }