client: tiny ui changes

Author: 0l1v3rr

client/src/components/input/Input.tsx

@@ -68,6 +68,7 @@ const Input: FC<InputProps> = (props) => {
         <button
           type="button"
           aria-label="Clear"
+          tabIndex={100}
           onMouseDown={() => props.setValue("")}
           className={twMerge(
             `absolute top-1/2 -translate-y-1/2 cursor-pointer right-2

client/src/pages/Preview.tsx

@@ -28,21 +28,15 @@ const Preview: FC<PreviewProps> = (props) => {
       </a>
 
       <div className="w-[95%] h-[.8px] bg-gh-border mx-auto my-2" />
-
       <div className="mx-4 text-gh-text font-semibold my-2">Markdown</div>
-
       <Codeblock code={markdown} />
 
       <div className="w-[95%] h-[.8px] bg-gh-border mx-auto my-4" />
-
       <div className="mx-4 text-gh-text font-semibold my-2">URL</div>
-
       <Codeblock code={props.link} />
 
       <div className="w-[95%] h-[.8px] bg-gh-border mx-auto my-4" />
-
       <div className="mx-4 text-gh-text font-semibold my-2">HTML</div>
-
       <Codeblock code={`<img src="${props.link}" alt="My Tech Stack" />`} />
     </section>
   );