UI issue fixes

Author: CodewithKoushica

src/components/Collaboration/Collaboration.css

@@ -1,4 +1,4 @@
-.container,
+.collaboration-container,
 .job-landing .header img {
   width: 60%;
   max-width: 1000px;
@@ -8,7 +8,7 @@
 .job-ad {
   text-align: center;
 }
-.container {
+.collaboration-container {
   width: 90%;
   margin: 0 auto;
   flex-direction: column;
@@ -21,7 +21,7 @@
   margin: 0 auto;
   flex-direction: column;
 }
-.navbar {
+.collaboration-navbar {
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -146,7 +146,7 @@ select {
   background-color: #0056b3;
 }
 
-.navbar {
+.collaboration-navbar {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -190,7 +190,7 @@ select {
     grid-template-columns: 1fr;
   }
 
-  .navbar {
+  .collaboration-navbar {
     flex-direction: column;
     padding: 5px;
     text-align: center;
@@ -246,7 +246,7 @@ select {
 }
 
 @media screen and (max-width: 800px) {
-  .navbar {
+  .collaboration-navbar {
     flex-direction: column;
     align-items: center;
   }

src/components/Collaboration/Collaboration.jsx

@@ -155,8 +155,8 @@ class Collaboration extends Component {
               <img src={OneCommunityImage} alt="One Community Logo" className="responsive-img" />
             </a>
           </div>
-          <div className="container">
-            <nav className="navbar">
+          <div className="collaboration-container">
+            <nav className="collaboration-navbar">
               <div className="navbar-left">
                 <form className="search-form">
                   <input
@@ -228,8 +228,8 @@ class Collaboration extends Component {
             <img src={OneCommunityImage} alt="One Community Logo" />
           </a>
         </div>
-        <div className="container">
-          <nav className="navbar">
+        <div className="collaboration-container">
+          <nav className="collaboration-navbar">
             <div className="navbar-left">
               <form className="search-form">
                 <input

src/components/LeaderBoard/Leaderboard.css

@@ -67,9 +67,9 @@
     border-top-color: rgb(222, 226, 230);
   }
 }
-.row {
+/* .row {
   width: 97%;
-}
+}  Commented since it is breaking the UI in the team member's weekly summary tab*/
 
 .table-fixed tbody td {
   white-space: normal; /* Allow text wrapping within cells */