updates in responsiveness

Author: epythonlab

react/reactapp/src/components/Dashboard/ShowApplicants.js

@@ -162,7 +162,7 @@ function ShowApplicants(){
               </Link>
                 &nbsp;&nbsp;&nbsp;&nbsp;
               <Link to={`getDetail/${data._id}`}>
-                <i class="fa-sharp fa-solid fa-circle-info"></i>
+                <i className="fa-sharp fa-solid fa-circle-info"></i>
               </Link>
              </td>
            </tr>

react/reactapp/src/components/Dashboard/app.css

@@ -1,12 +1,12 @@
 /* SET Common CSS PROPERTIES */
 /* all */
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");
+@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
 
 * {
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
-  box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
+  font-family: 'Open Sans', sans-serif;
 }
 
 body {
@@ -25,7 +25,7 @@ body {
 
   .container{
     min-width: 100%;
-    min-height: 100%;
+    overflow: hidden;
 
   }
 }
@@ -57,8 +57,6 @@ body {
 /* remove text decoration from hyperlink */
 Link, a{
   text-decoration: none;
-
-
 }
 
 /* delete button */
@@ -91,7 +89,6 @@ Link, a{
   padding-right:12px;
   background:none;
   color:#FFF;
-  
 }
 
 .delete {
@@ -146,8 +143,6 @@ Link, a{
   content: "\f0c7";
 }
 
-.inlineIcon {}
-
 .edit:before, .save:before, .new:before, .cancel:before, .delete:before {
   font-family: FontAwesome;
   display: inline-block;

react/reactapp/src/components/Dashboard/formStyle.css

@@ -164,7 +164,7 @@ form .button input:hover {
   }
 
   .form-container form .user__details {
-    max-height: 300px;
+    max-height: 240px;
     overflow-y: scroll;
     min-width: 100%;
   }

react/reactapp/src/components/Dashboard/getDetail.js

@@ -7,6 +7,12 @@ function GetDetail(){
 	const [courses, setCourses] = useState([])
 	// get applicant id from the route
 	const {id} = useParams();
+
+	  // add title 
+  useEffect(() =>{
+    document.title ='Course detail of applicant';
+  })
+
 	// applicant detail from api
 	useEffect(() =>{
 		// all courses by applicant id