Small cleanup

tomershvueli · tomershvueli · commit 5e5c183ccf02 · 2020-03-29T10:27:05.000-04:00
diff --git a/public/index.html b/public/index.html
@@ -7,14 +7,14 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Download icons in a clean and customized fashion!"
+      content="Download icon fonts as PNG's"
     />
     <meta
       name="keywords"
       content="icons, clean icons, font awesome, download, font, fa2png"
     />
     <meta property="og:title" content="CleanIcons" />
-    <meta property="og:description" content="Download icons in a clean and customized fashion!" />
+    <meta property="og:description" content="Download icon fonts as PNG's" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://cleanicons.xyz" />
     <meta property="og:image" content="https://cleanicons.xyz/logo512.png" />
@@ -37,7 +37,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>CleanIcons</title>
+    <title>CleanIcons - Download Icon Fonts as PNG's</title>
 
   </head>
   <body>
diff --git a/src/App.js b/src/App.js
@@ -21,7 +21,7 @@ class App extends Component {
                 textAlign="left"
                 as="h1"
               >
-                Cleanic<i className="fas fa-adjust" />ns
+                Cleanicons
               </Header>
             </Menu.Item>
             <Menu.Menu position='right'>
diff --git a/src/IconPreview.js b/src/IconPreview.js
@@ -292,7 +292,7 @@ class IconPreview extends Component {
     return (
       <components.Option {...newProps} className="select-option">
         {props.children}
-        <span className="icon-wrap">{data.label && <i className={`${data.baseClass} fa-${data.label}`} />}</span>
+        {data.label && <span className="icon-wrap"><span className={`${data.baseClass} fa-${data.label}`} /></span>}
       </components.Option>
     );
   }
@@ -346,7 +346,7 @@ class IconPreview extends Component {
               <Form.Field>
                 <Label color="teal" size="big">
                   Size: <span id="icon-size">{size}px<br /><small>Adjusting size won't update preview, and only affects the downloading of the icon.</small></span>
-                  <Input type="range" name="size" min="32" max={CANVAS_SIZE} step="1" value={size} name="size" onChange={this.handleInputChange} />
+                  <Input type="range" name="size" min="32" max={CANVAS_SIZE} step="1" value={size} onChange={this.handleInputChange} />
                 </Label>
               </Form.Field>
               <Form.Field inline className="center">

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ class App extends Component {`
`21`	`21`	`textAlign="left"`
`22`	`22`	`as="h1"`
`23`	`23`	`>`
`24`		`- Cleanic<i className="fas fa-adjust" />ns`
	`24`	`+ Cleanicons`
`25`	`25`	`</Header>`
`26`	`26`	`</Menu.Item>`
`27`	`27`	`<Menu.Menu position='right'>`