Fix border and justification issues in profile page

Author: Venkataramanan Venkateswaran

src/components/Collaboration/Collaboration.css

@@ -1,4 +1,4 @@
-.container,
+.collaboration-container,
 .job-landing .header img {
   width: 60%;
   max-width: 1000px;
@@ -8,7 +8,8 @@
 .job-ad {
   text-align: center;
 }
-.container {
+
+.collaboration-container {
   margin: 0 auto 50px;
   flex-direction: column;
   align-items: center;

src/components/Collaboration/Collaboration.jsx

@@ -152,7 +152,7 @@ function Collaboration() {
             <img src={OneCommunityImage} alt="One Community Logo" />
           </a>
         </div>
-        <div className="container">
+        <div className="collaboration-container">
           <nav className="job-navbar">
             <div className="job-navbar-left">
               <form className="search-form">
@@ -292,7 +292,7 @@ function Collaboration() {
           <img src={OneCommunityImage} alt="One Community Logo" />
         </a>
       </div>
-      <div className="container">
+      <div className="collaboration-container">
         <nav className="job-navbar">
           <div className="job-navbar-left">
             <form className="search-form">

src/components/UserProfile/TeamsAndProjects/UserProjectsTable.css

@@ -32,8 +32,6 @@
 }
 
 .projects-and-tasks-header {
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
   margin-bottom: 10px;
 }
 

src/components/UserProfile/TimeEntryEditHistory.jsx

@@ -40,7 +40,7 @@ const TimeEntryEditHistory = props => {
 
   return (
     <>
-      <p className={darkMode ? 'text-light' : ''}>Time Entry Edit History</p>
+      <p className={darkMode ? 'text-light' : ''} style={{textAlign: 'left'}}>Time Entry Edit History</p>
       <table className={`table table-bordered ${darkMode ? 'text-light' : ''}`} width="100%">
         <thead>
           <tr style={tabletView ? {fontSize: "10px"} : {}}>

src/components/UserProfile/VolunteeringTimeTab/VolunteeringTimeTab.jsx

@@ -451,7 +451,7 @@ const ViewTab = props => {
           </Label>
         </Col>
         <Col md="6">
-          <p className={`hours-totalTangible-thisWeek ${darkMode ? 'text-azure' : ''}`}>
+          <p className={`hours-totalTangible-thisWeek ${darkMode ? 'text-azure' : ''}`} style={{textAlign: 'left'}}>
             {totalTangibleHoursThisWeek}
           </p>
         </Col>