feat: gap fixed

src/App.scss

@@ -69,14 +69,24 @@
 .ka-footer {
 	width: 100%;
 	display: flex;
+	margin: 1rem 0;
 	align-items: center;
 	flex-direction: column;
 	justify-content: center;
 
-	div {
+	.searched {
+		width: 100%;
 		display: flex;
 		align-items: center;
-		flex-direction: row;
+		justify-content: center;
+	}
+
+	.footer {
+		margin: 1rem 0;
+		width: 100%;
+		display: flex;
+		align-items: flex-end;
+		flex-direction: column;
 		justify-content: center;
 	}
 }

src/App.tsx

@@ -130,7 +130,8 @@ function Footer() {
 			) : <></> : <></>}
 			
 			<div className="footer">
-				&copy; 2020-2025 Project_IO. MIT License. Powered by WSERVER.
+				<span>&copy; 2020-2025 Project_IO. All rights reserved.</span>
+				<span>Powered by WSERVER.</span>
 			</div>
 		</footer>
 	);

src/components/directory/directory.scss

@@ -18,7 +18,7 @@
 		padding: 0.25rem 10px;
 		place-items: left center;
 		transition-duration: 300ms;
-		grid-template-columns: 0.1fr 2fr 1fr 1fr;
+		grid-template-columns: 0.15fr 2fr 1fr 1fr;
 
 		&:hover {
 			transition-duration: 300ms;
@@ -28,14 +28,27 @@
 		.ka-dir-item {
 			display: flex;
 			align-items: center;
-		}
+		}	
 		
 		a:hover.ka-dir-item {
 			text-decoration: underline;
 		}
+
+		@media (max-width: 640px) {
+			grid-template-columns: 0.05fr 1fr;
+
+			#size, #date {
+				display: none;
+			}
+		}
 	}
 }
 
 .ka-readme {
-	padding: 1rem;
+	padding: 1rem 1rem 0 1rem;
+
+	h1, h2 {
+		width: 100%;
+		border-bottom: 1px solid var(--foreground);
+	}
 }

src/components/directory/index.tsx

@@ -19,8 +19,8 @@ function Directory() {
 				<div className="ka-dir-row ka-dir-top">
 					<div className="ka-dir-item"></div>
 					<b className="ka-dir-item">Name</b>
-					<b className="ka-dir-item">Size</b>
+					<b id="size" className="ka-dir-item">Size</b>
-					<b className="ka-dir-item">Date</b>
+					<b id="date" className="ka-dir-item">Date</b>
 				</div>
 
 				{path.data.path === "/" ? <></> : (
@@ -56,12 +56,12 @@ function DirItem({ data }: { data: DirEntry }) {
 			<a className="ka-dir-item" href={data.path}>
 				{data.name}
 			</a>
-			<span className="ka-dir-item">
+			<span id="size" className="ka-dir-item">
 				{data.is_dir ? (
 					"-"
 				): convert(data.file_size)}
 			</span>
-			<span className="ka-dir-item">
+			<span id="date" className="ka-dir-item">
 				{data.date === -1 ? "-" : new Date(data.date * 1000).toLocaleString("en-US", {
 					weekday: "short",
 					year: "numeric",