From 08c5c7f98aa1051d758c6189f1d61fe6566df81a Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Fri, 30 Dec 2022 19:48:55 -0300
Subject: [PATCH 1/3] feat(align): created spaces in breadcrumb, sidebar routes

---
 src/settings/routes/index.module.scss  | 1 +
 src/template/Sidebar/index.module.scss | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/settings/routes/index.module.scss b/src/settings/routes/index.module.scss
index 5ceb793..b471954 100644
--- a/src/settings/routes/index.module.scss
+++ b/src/settings/routes/index.module.scss
@@ -19,6 +19,7 @@ main :global {
 	width: 100%;
 	padding: 0 16px;
 	margin-top: 29px;
+	margin-bottom: 81px;
 
 	@media screen and (min-width: 1025px) {
 		width: function.fluid(1080px, 1280px);
diff --git a/src/template/Sidebar/index.module.scss b/src/template/Sidebar/index.module.scss
index 320bd8a..91d8472 100644
--- a/src/template/Sidebar/index.module.scss
+++ b/src/template/Sidebar/index.module.scss
@@ -1,6 +1,7 @@
 .sidebar {
 	width: 100%;
-	height: auto;
+	height: 100%;
+	margin-top: 40px;
 
 	@media screen and (min-width: 1025px) {
 		border-right: 1px solid var(--clr-common-black);

From 4b789e75248992f653d17cdd0bb92106409b6beb Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Fri, 30 Dec 2022 19:59:14 -0300
Subject: [PATCH 2/3] feat(align): created spaces in main title in page routes
 for large,medium,small devices

---
 src/settings/routes/index.module.scss   | 2 +-
 src/settings/styles/global/_config.scss | 6 ++++++
 src/template/Sidebar/index.module.scss  | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/settings/routes/index.module.scss b/src/settings/routes/index.module.scss
index b471954..16b88fb 100644
--- a/src/settings/routes/index.module.scss
+++ b/src/settings/routes/index.module.scss
@@ -23,7 +23,7 @@ main :global {
 
 	@media screen and (min-width: 1025px) {
 		width: function.fluid(1080px, 1280px);
-		margin: 29px auto 0;
+		margin: 29px auto 81px;
 		padding: 0;
 	}
 
diff --git a/src/settings/styles/global/_config.scss b/src/settings/styles/global/_config.scss
index 9cf96e6..4a30140 100644
--- a/src/settings/styles/global/_config.scss
+++ b/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);
 
diff --git a/src/template/Sidebar/index.module.scss b/src/template/Sidebar/index.module.scss
index 91d8472..22ac627 100644
--- a/src/template/Sidebar/index.module.scss
+++ b/src/template/Sidebar/index.module.scss
@@ -4,6 +4,7 @@
 	margin-top: 40px;
 
 	@media screen and (min-width: 1025px) {
+		margin-top: 0;
 		border-right: 1px solid var(--clr-common-black);
 	}
 
@@ -28,6 +29,7 @@
 				&.active {
 					background-color: var(--clr-common-black);
 					color: var(--clr-common-white);
+					font-weight: 700;
 				}
 			}
 		}

From 17ec6cc6887941b2ec119a1715ebea2bbc1f3011 Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Fri, 30 Dec 2022 20:11:00 -0300
Subject: [PATCH 3/3] feat(align): created spaces in header bottom content menu
 in large,medium devices

---
 src/template/Header/index.module.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/template/Header/index.module.scss b/src/template/Header/index.module.scss
index b362409..043edf4 100644
--- a/src/template/Header/index.module.scss
+++ b/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 {