Merge pull request 'feature/align' (#7) from feature/align into develop

Reviewed-on: #7

src/settings/routes/index.module.scss

@@ -19,10 +19,11 @@ main :global {
 	width: 100%;
 	padding: 0 16px;
 	margin-top: 29px;
+	margin-bottom: 81px;
 
 	@media screen and (min-width: 1025px) {
 		width: function.fluid(1080px, 1280px);
-		margin: 29px auto 0;
+		margin: 29px auto 81px;
 		padding: 0;
 	}
 

src/settings/styles/global/_config.scss

@@ -62,9 +62,15 @@ textarea {
 		text-transform: uppercase;
 
 		color: var(--clr-gray-900);
+
+		@media screen and (min-width: 1025px) {
+			margin-bottom: 82px;
+		}
 	}
 
 	.title {
+		margin-bottom: 12px;
+
 		font-weight: 700;
 		font-size: var(--txt-xl);
 

src/template/Header/index.module.scss

@@ -178,6 +178,12 @@
 			height: 100vh;
 		}
 	}
+
+	@media screen and (min-width: 1025px) {
+		&-content {
+			border-top: 1px solid var(--clr-common-white);
+		}
+	}
 }
 
 .menu {
@@ -259,8 +265,9 @@
 			justify-content: flex-start;
 			gap: 55px;
 
-			padding: 14px 16px;
-			border-top: 1px solid var(--clr-common-white);
+			width: function.fluid(1080px, 1280px);
+			padding: 14px 0;
+			margin: 0 auto;
 
 			background-color: var(--clr-common-black);
 
@@ -276,6 +283,12 @@
 			display: none;
 		}
 	}
+
+	@media screen and (min-width: 2500px) {
+		.list {
+			width: function.fluid(2299.68px, 2500px);
+		}
+	}
 }
 
 .search-top {

src/template/Sidebar/index.module.scss

@@ -1,8 +1,10 @@
 .sidebar {
 	width: 100%;
-	height: auto;
+	height: 100%;
+	margin-top: 40px;
 
 	@media screen and (min-width: 1025px) {
+		margin-top: 0;
 		border-right: 1px solid var(--clr-common-black);
 	}
 
@@ -27,6 +29,7 @@
 				&.active {
 					background-color: var(--clr-common-black);
 					color: var(--clr-common-white);
+					font-weight: 700;
 				}
 			}
 		}