Fixed Some Minnor Issues (#458)

* added refresh button placeholder * added alt tag spinner * fixed some minor bugs all mentioned in #450
redxzeta · Oct 6, 2022 · 43b4f09 · 43b4f09
1 parent a276f8b
commit 43b4f09
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 16 deletions.
diff --git a/src/components/about/About.tsx b/src/components/about/About.tsx
@@ -4,14 +4,18 @@ import Contributors from "./Contributors";
 import GithubIcon from "./GitHub.png";
 import YoutubeLogo from "./Youtube2.png";
 import DevPostLogo from "./devpost-modified.png";
-import Dog from "./dog.jpg";
+import Dog from "./dog-cat.jpg";
 
 export default function About() {
   return (
     <PawHubContainer>
-      <div className="about__container">
+      <div className="about__container content-center">
         <section className="paragraph--section">
-          <img src={Dog} alt="doggo" />
+          <img
+            className=" mx-auto mb-3 rounded-2xl w-1/2   "
+            src={Dog}
+            alt="doggo"
+          />
           <h1 className="font-amatic text-5xl font-bold ">
             About PawternityHub
           </h1>

diff --git a/src/components/about/dog-cat.jpg b/src/components/about/dog-cat.jpg
diff --git a/src/components/about/dog.jpg b/src/components/about/dog.jpg
diff --git a/src/components/accounts/SLogin.tsx b/src/components/accounts/SLogin.tsx
@@ -43,7 +43,7 @@ const SLogin = () => {
                       bordered
                       type="email"
                       color="primary"
-                      className=" max-w-xs"
+                      className=" flex min-w-[10px] "
                       {...register("email", {
                         required: true,
                         maxLength: 45,
@@ -55,7 +55,7 @@ const SLogin = () => {
             </Form>
 
             <Form className="w-full p-4">
-              <Form.Label title="Password">
+              <Form.Label title="Password &ensp;">
                 <Controller
                   name="password"
                   control={control}
@@ -67,7 +67,7 @@ const SLogin = () => {
                       bordered
                       color="primary"
                       type="password"
-                      className=" max-w-xs"
+                      className=" flex min-w-[10px] max-w-xs"
                       {...register("password", { required: true })}
                     />
                   )}

diff --git a/src/components/accounts/settings/Settings.tsx b/src/components/accounts/settings/Settings.tsx
@@ -48,7 +48,7 @@ export default function Settings() {
           <h1 className="text-5xl font-bold font-amatic">Settings</h1>
           <form onSubmit={handleSubmit(onSubmit)}>
             <Form className="  w-full  p-4">
-              <Form.Label title="Username: ">
+              <Form.Label title="Username:&ensp; ">
                 <Controller
                   name="username"
                   control={control}
@@ -60,7 +60,7 @@ export default function Settings() {
                       bordered
                       type="text"
                       color="primary"
-                      className=" max-w-xs"
+                      className=" flex min-w-[10px] max-w-xs"
                       {...register("username", {
                         required: true,
                         minLength: 4,
@@ -73,7 +73,7 @@ export default function Settings() {
             </Form>
 
             <Form className="w-full p-4">
-              <Form.Label title="Description">
+              <Form.Label title="Description:&ensp;">
                 <Controller
                   name="description"
                   control={control}
@@ -85,7 +85,7 @@ export default function Settings() {
                       bordered
                       color="primary"
                       type="text"
-                      className=" max-w-xs"
+                      className=" flex min-w-[10px] max-w-xs"
                     />
                   )}
                 />

diff --git a/src/components/layout/NavigationBar.tsx b/src/components/layout/NavigationBar.tsx
@@ -49,7 +49,7 @@ export default function NavigationBar() {
         <Navbar.Center className="hidden lg:flex justify-center">
           <Menu horizontal className="p-0 ">
             <MenuItemNavLink name="Home" route="/" />
-            <Menu.Item tabIndex={0}>
+            <Menu.Item tabIndex={0} className="mx-1">
               <a>
                 Pets <ChevronDownIcon className="w-4" />
               </a>

diff --git a/src/components/resources/Resources.tsx b/src/components/resources/Resources.tsx
@@ -38,15 +38,15 @@ export default function Home() {
           href="https://www.petfinder.com/pet-adoption-2/pet-adoption-information/"
           target="_blank"
           rel="noreferrer"
-          className="btn btn-primary "
+          className="btn btn-primary mx-4 "
         >
           Pet Finder
         </a>
         <a
           href="https://www.humanesociety.org/resources/top-reasons-adopt-pet"
           target="_blank"
           rel="noreferrer"
-          className="btn btn-primary "
+          className="btn btn-primary mx-4 "
         >
           Humane Society
         </a>
@@ -77,7 +77,7 @@ export default function Home() {
           <a
             target="_blank"
             rel="noreferrer"
-            className="btn btn-primary "
+            className="btn btn-primary mx-4 "
             href="https://apnews.com/article/31e3e60e7ea6bc4566b0ee3998ab98a6"
           >
             {" "}
@@ -94,7 +94,7 @@ export default function Home() {
           href="https://www.petfinder.com/helping-pets/covid-19-resources/how-to-adopt-a-pet-during-covid-19/"
           target="_blank"
           rel="noreferrer"
-          className="btn btn-primary "
+          className="btn btn-primary mx-4 "
         >
           Pet Finder (Adopting during Covid-19)
         </a>
@@ -110,7 +110,7 @@ export default function Home() {
       <hr />
       <div>
         <h2>Adopt a Buddy Today!</h2>
-        <Link to="/pets" className="btn btn-primary">
+        <Link to="/pets" className="btn btn-primary mx-4">
           Adopt
         </Link>
       </div>