Merge pull request #371 from IgniteUI/dTsvetkov/reduce-framework-butt…

…ons-size Reduce framework buttons size
IgniteUI · Dec 10, 2021 · 93d0c2c · 93d0c2c
2 parents edc15f2 + b91f218
commit 93d0c2c
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/src/styles/shared/components/header/_navbar.scss b/src/styles/shared/components/header/_navbar.scss
@@ -49,19 +49,21 @@
 .navbar-frameworks a {
 	padding-right: 8px;
 	color: #9d9d9d; 
-	font-size: 1rem;
+	font-size: 0.875rem;
 	&:focus,
 	&:hover {
 		text-decoration: none;
 		color: #eee;
 		background-color: transparent;
 	}
 }
-
+.dropdown-menu {
+	min-width: 9rem;
+}
 .dropdown-menu a {
 	display: block;
 	color: #333;
-	font-size: 1rem;
+	font-size: 0.825rem;
 	padding-bottom: 0.2rem;
 	padding-left: 1rem;
 	&:focus,
@@ -79,7 +81,7 @@
 .btn-secondary {
 	padding: 0px 8px 0px 0px !important;
 	color: #9d9d9d; 
-	font-size: 1rem;
+	font-size: 0.825rem;
 	&:focus,
 	&:hover {
 		text-decoration: none;
@@ -104,16 +106,26 @@
 	}
 }
 
-@media only screen and (max-width: 768px)  {
+@media only screen and (max-width: 767px)  {
 	.navbar-frameworks {
 		display: flex;
 		justify-content: center;
+		padding-top: 10px;
+	}
+	.navbar-frameworks a{
+		font-size: 1rem !important;
 	}
 	.dropdown {
 		display: none !important;
 	}
 }
 
+@media only screen and (max-width: 1279px) and (min-width: 960px) {
+	.navbar-frameworks a{
+		font-size: 0.825rem;
+	}
+}
+
 .navbar {
 	.navbar-brand > span {
 		color: $text-light;