fixed the UI: PC icon is not always centered when resizing app window.

Author: AJun01

desktop-app/src/Components/Home/Response/Animation.js

@@ -31,8 +31,9 @@ const Animation = ({ endReq }) => {
   return (
     <div className='anim-div'>
       <div className='anim-container'>
-        <div className='progress' aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
+        <div className='progress' aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
         <img className='monitor-img' src={monitor} />
+        </div>
         <div style={{ height: "0.2vh", width: "200vw", backgroundColor: showconnection ? "transparent" : "transparent" ,marginLeft: "10%"  }}></div>
         <div style={{ width: "5vw", height: "0.2vh", marginLeft: `${marginvalue}vw`, position: "absolute", backgroundColor: showconnection ? "blue" : "transparent"  }}></div>
         <button className='cancel-req-btn' style={{ position: "absolute" }} onClick={endReq} >Cancel</button>

desktop-app/src/Components/Home/Response/animation.css

@@ -64,7 +64,6 @@
 
 .monitor-img {
   position: absolute;
-  margin-left: 6.5%;
   height: 6vh;
   z-index: 3;
 }