fix: correct input borders (#65)

Author: DestroyCom

components/custom/GetterInput.tsx

@@ -70,7 +70,7 @@ export const GetterInput = () => {
           type="button"
           id="clipboard-copy"
           className={clsx(
-            "absolute inset-y-0 right-0 flex items-center overflow-hidden rounded-r-full bg-secondary pl-2 pr-3.5 transition-all",
+            "absolute inset-y-0 right-0 flex items-center overflow-hidden rounded-r-md bg-secondary px-4 transition-all",
             permission ? "opacity-100" : "bg-secondary/25",
             "hover:pointer-events-auto hover:cursor-pointer hover:bg-secondary/60 hover:opacity-100"
           )}
@@ -90,7 +90,7 @@ export const GetterInput = () => {
       <button
         type="submit"
         id="search-button"
-        className="border-1 m-auto mx-auto rounded-full border border-solid border-transparent bg-[#205D83] px-5 py-2.5 text-center text-lg font-medium text-white transition-all duration-200 ease-in-out hover:cursor-pointer hover:border-[#205D83] hover:bg-[#102F42] hover:ring-[#205D83] focus:outline-none focus:ring-2 focus:ring-blue-300 sm:w-auto disabled:opacity-50"
+        className="border-1 m-auto mx-auto rounded-md border border-solid border-transparent bg-[#205D83] px-5 py-2.5 text-center text-lg font-medium text-white transition-all duration-200 ease-in-out hover:cursor-pointer hover:border-[#205D83] hover:bg-[#102F42] hover:ring-[#205D83] focus:outline-none focus:ring-2 focus:ring-blue-300 sm:w-auto disabled:opacity-50"
         disabled={url.length === 0}
       >
         {false ? "Loading..." : "Search"}

components/custom/VideoSelect.tsx

@@ -110,8 +110,8 @@ export const VideoSelect = () => {
     return (
       <section className="py-8" id="error-search">
         <div className="mx-auto my-2 flex h-auto min-h-40 w-11/12 rounded-lg border-2 border-dashed border-[#102F42]">
-          <p className="m-auto mx-auto text-center font-bold text-red-800 md:text-xl">
-            {error ? error : "An error occured"}
+          <p className="m-auto mx-auto text-center font-bold text-white md:text-xl">
+            ERROR: {error ? error : "An error occured"}
           </p>
         </div>
       </section>
@@ -246,7 +246,7 @@ export const VideoSelect = () => {
             )}
 
             {downloadError && (
-              <p className="my-auto mx-auto text-center font-bold text-red-700 md:text-xl">
+              <p className="my-auto mx-auto text-center font-bold text-white md:text-xl">
                 {downloadError}
               </p>
             )}