Fix search bar behavior in Community Portal

Author: naiduajaykumar

src/components/CommunityPortal/CPDashboard.jsx

@@ -100,7 +100,7 @@ export function CPDashboard() {
         </div>
       </header>
 
-      <Row>
+      <Row className={styles['dashboard-content']}>
         <Col md={3} className={styles['dashboard-sidebar']}>
           <div className={styles['filter-section']}>
             <h4>Search Filters</h4>

src/components/CommunityPortal/CPDashboard.module.css

@@ -25,9 +25,10 @@
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 }
 
-.dashboard-controls {
-  display: flex;
-  align-items: center;
+.dashboard-content{
+  width: 100%;
+  padding-left: 20px;
+  margin: 0;
 }
 
 .dashboard-search {
@@ -96,7 +97,7 @@
 /* blue circular search button inside the bar */
 .dashboard-search-icon-btn {
   position: absolute;
-  right: 4px;
+  right: 1px;
   top: 50%;
   transform: translateY(-50%);
   width: 34px;
@@ -129,8 +130,10 @@
 }
 
 .dashboard-sidebar {
-  padding: 30px;
-  background: #f9f9f9;
+  padding: 20px;
+  display: flex;
+  justify-content: flex-start;
+  background: #ffffff;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
@@ -142,18 +145,27 @@
   font-weight: 600;
 }
 
-.filter-item input,
+.filter-item input:not([type="checkbox"]):not([type="radio"]),
 .filter-item select {
   padding: 12px 15px;
   margin-top: 10px;
-  border: 1px solid #ddd;
   border-radius: 8px;
   width: 100%;
+  height: auto;
   font-size: 1rem;
   background: #ffffff;
   transition: all 0.3s ease;
 }
 
+.filter-item input[type="radio"],
+.filter-item input[type="checkbox"] {
+  display: inline-block;      /* <– keeps input on same line as text */
+  width: auto;
+  padding: 0;
+  margin: 5px 0px 0px 120px;       /* top margin to line up under "Dates" */
+  vertical-align: middle;
+}
+
 .filter-item input:focus,
 .filter-item select:focus {
   border-color: #2c3e50;
@@ -162,6 +174,7 @@
 }
 
 .dashboard-main {
+  width: 65%;
   padding: 30px;
   background: #ffffff;
   border-radius: 12px;