Improved spacing

amiyasahu · Mar 28, 2020 · 4fb536d · 4fb536d
1 parent 4453623
commit 4fb536d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/qa-theme/Donut-theme/css/donut.css b/qa-theme/Donut-theme/css/donut.css
@@ -1640,18 +1640,21 @@ header#nav-header {
   position: relative;
 }
 .site-header .site-header-cover h1.top-heading {
-  font-size: 70px;
+  font-size: 80px;
   font-weight: 700;
   text-shadow: 4px 3px 0px #337ab7, 9px 8px 0px rgba(0, 0, 0, 0.15);
+  margin-bottom: 20px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .site-header .site-header-cover h1.top-heading {
     font-size: 40px;
+    margin-bottom: 10px;
   }
 }
 @media only screen and (max-width: 767px) {
   .site-header .site-header-cover h1.top-heading {
     font-size: 32px;
+    margin-bottom: 8px;
   }
 }
 .site-header .site-header-fade {

diff --git a/qa-theme/Donut-theme/css/donut.min.css b/qa-theme/Donut-theme/css/donut.min.css
diff --git a/qa-theme/Donut-theme/less/components/site-header.less b/qa-theme/Donut-theme/less/components/site-header.less
@@ -22,14 +22,17 @@
 		overflow: hidden;
 		position: relative;
 		h1.top-heading {
-			font-size: 70px;
+			font-size: 80px;
 			font-weight: 700;
 			text-shadow: 4px 3px 0px @brand-primary, 9px 8px 0px rgba(0, 0, 0, 0.15);
+			margin-bottom: 20px;
 			@media @tablet {
 				font-size: 40px;
+				margin-bottom: 10px;
 			}
 			@media @mobile {
 				font-size: 32px;
+				margin-bottom: 8px;
 			}
 		}
 	}