Fix header on small screens

2025-12-12 11:44:20 +05:30
parent 3368c95ae2
commit 145f7fdc2e
1 changed files with 8 additions and 0 deletions
--- a/notes/static/notes/stylesheets/style.css
+++ b/notes/static/notes/stylesheets/style.css
@@ -21,17 +21,25 @@ header > .home {
 	text-decoration: none;
 	color: #000;
 	margin-left: 20px;
+	@media (max-width: 500px) {
+		font-size: 2em;
+	}
 }

 header img {
 	height: 40px;
 	margin: 20px;
+	@media (max-width: 500px) {
+		height: 25px;
+		margin: 10px 15px;
+	}
 }

 .logout {
 	padding: 0;
 	background: transparent;
 	border: none;
+	min-width: unset;
 }

 main {