refactor: removing unnecessary css in list page style page

Author: eternalmaha

src/views/Layout.scss

@@ -20,9 +20,8 @@
 		margin: 0 auto;
 		padding-block: 0;
 		padding-block-end: 6.26rem;
-    //width: min(72ch, 100%);
-		width: 100%;
+		width: min(72ch, 100%);
+		//width: 100%;
 		height: 100dvh;
 	}
-
 }

src/views/authenticated/List.scss

@@ -15,46 +15,36 @@
 	flex-wrap: wrap;
 	box-sizing: border-box;
 	flex-direction: column;
+	flex-grow: 1;
+	flex-shrink: 1;
 }
 
 .list-functions {
 	background-color: rgb(241, 230, 204);
 	z-index: 1020;
 }
 
-.Add-ShareList {
-	flex-basis: 25%;
-}
+//.Share-ListForm {
+//flex-basis: 50%;
+//}
 
-.Share-ListForm {
-	flex-basis: 50%;
-}
+//.Add-ItemForm {
+//flex-basis: 80%;
+//}
 
-.Add-ItemForm {
-	flex-basis: 80%;
-}
+//.ListItemSection {
 
-.ListItemSection,
-.Add-ShareList {
-	flex-grow: 1; /* Both sections will take up equal width */
-	flex-shrink: 1;
-	align-items: flex-end;
-	flex-wrap: column;
-	margin-left: 2%;
-}
+//flex-grow: 1; /* Both sections will take up equal width */
+//flex-shrink: 1;
+//flex-wrap: column;
 
-@media (max-width: 1000px) {
-	.ListItemSection,
-	.Add-ShareList {
-		flex-basis: 50%;
-		margin: auto;
-		align-items: flex-end;
-	}
-}
+//}
 
-@media (max-width: 575px) {
+/*@media (max-width: 1000px) {
+	.ListItemSection,
 	.Add-ShareList {
-		flex-basis: 100%; /* Full width for both sections */
-		flex-wrap: wrap;
+		//flex-basis: 50%;
+		//margin: auto;
+		//align-items: flex-end;
 	}
-}
+} */

src/views/authenticated/List.tsx

@@ -82,7 +82,6 @@ export function List({ data: unfilteredListItems, listPath }: Props) {
 				</header>
 
 				<section className="AddItemForm">
-					<section />
 					<AddItemForm listPath={listPath} data={unfilteredListItems || []} />
 				</section>