Fix section title scaling relative to search.

kimisgold · kimisgold · commit 5f6dc0120962 · 2026-01-06T09:46:29.000-05:00
(#1083)
diff --git a/admin/themes/default/css/sass/base/_layout.scss b/admin/themes/default/css/sass/base/_layout.scss
@@ -126,10 +126,20 @@ hr {
 }
 
 .section-title { 
-	width: 50%; 
-	
+	width: 70%;
+	padding-right: $spacing-l;
+
+    @include screen-md {
+	    width: 60%;
+	}
+
+	@include screen-sm {
+		width: 50%;
+	}
+
 	@include screen-xs {
-		width: 100%;   
+		width: 100%;
+		padding-right: 0;
 		margin-top: 80px;
 	}
 }
diff --git a/admin/themes/default/css/sass/style.scss b/admin/themes/default/css/sass/style.scss
diff --git a/admin/themes/default/css/style.css b/admin/themes/default/css/style.css
@@ -271,11 +271,23 @@ hr {
 }
 
 .section-title {
-  width: 50%;
+  width: 70%;
+  padding-right: 20px;
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .section-title {
+    width: 60%;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .section-title {
+    width: 50%;
+  }
 }
 @media (max-width: 767px) {
   .section-title {
     width: 100%;
+    padding-right: 0;
     margin-top: 80px;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -271,11 +271,23 @@ hr {`
`271`	`271`	`}`
`272`	`272`
`273`	`273`	`.section-title {`
`274`		`- width: 50%;`
	`274`	`+ width: 70%;`
	`275`	`+ padding-right: 20px;`
	`276`	`+}`
	`277`	`+@media (min-width: 992px) and (max-width: 1199px) {`
	`278`	`+ .section-title {`
	`279`	`+ width: 60%;`
	`280`	`+ }`
	`281`	`+}`
	`282`	`+@media (min-width: 768px) and (max-width: 991px) {`
	`283`	`+ .section-title {`
	`284`	`+ width: 50%;`
	`285`	`+ }`
`275`	`286`	`}`
`276`	`287`	`@media (max-width: 767px) {`
`277`	`288`	`.section-title {`
`278`	`289`	`width: 100%;`
	`290`	`+ padding-right: 0;`
`279`	`291`	`margin-top: 80px;`
`280`	`292`	`}`
`281`	`293`	`}`