From 29b883c6770de621ac70ae4eb9e4802833636c53 Mon Sep 17 00:00:00 2001
From: Rutik Wankhade <rutikwankhade2@gmail.com>
Date: Sun, 6 Oct 2024 17:46:54 +0530
Subject: [PATCH] fix: fix custom icon edge case ui

---
 src/components/Editor.js | 23 +++++++++++++----------
 src/components/Header.js |  2 +-
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/Editor.js b/src/components/Editor.js
index 9d5866e..df12dd6 100644
--- a/src/components/Editor.js
+++ b/src/components/Editor.js
@@ -115,17 +115,20 @@ class Editor extends React.Component {
 													className="outline-none focus:outline-none items-center text-lg text-gray-700"
 												/>
 											</div>
+											<div className="w-full">
 
-											{this.state.icon.label === 'custom' ?
-												<div className="flex items-center justify-center m-2">
-													<input type="file"
-														className="focus:outline-none text-lg cursor-pointer bg-white rounded border"
-														onChange={(e) => this.setState({ 'customIcon': URL.createObjectURL(e.target.files[0]) })}
-													/>
-												</div>
-												:
-												<div></div>
-											}
+												{this.state.icon.label === 'custom' ?
+													<div className="flex items-center justify-center w-72 mx-auto">
+														<input type="file"
+															className="focus:outline-none w-full text-lg cursor-pointer bg-white rounded border"
+															onChange={(e) => this.setState({ 'customIcon': URL.createObjectURL(e.target.files[0]) })}
+														/>
+													</div>
+													:
+													<div></div>
+												}
+
+											</div>
 
 											<div className="flex items-center">
 
diff --git a/src/components/Header.js b/src/components/Header.js
index 42aa204..4843278 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -16,7 +16,7 @@ const Header = () => {
 
 			<div className="ml-auto md:mr-4 flex items-center ">
 				{/* <Link to="/faq" className="text-gray-700 hover:text-gray-800 text-base font-Nunito mx-4"><span className="hidden md:inline-block">How to use</span></Link> */}
-				<a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="bg-gray-700 hover:bg-gray-800 px-4 rounded-full p-1 text-white md:text-sm md:flex hidden items-center text-xs mx-2 font-Nunito">⭐ Star on Github</a>
+				<a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="bg-gray-700 hover:bg-gray-800 px-4 rounded-full p-1 text-white md:text-sm md:flex hidden items-center text-xs mx-2 font-Nunito">⭐ Star on Github</a>
 				<a href={`https://x.com/intent/tweet?text=${tweetText}`} className="mx-2 bg-blue-400 hover:bg-blue-500 md:text-sm text-xs rounded-full px-4 font-semibold text-white p-1">Share on Twitter</a>
 			</div>