Adjust newsletter message form styling

mariana-caldas · mariana-caldas · commit cae0678eb869 · 2022-05-07T13:01:43.000-07:00
diff --git a/styles/Newsletter.module.scss b/styles/Newsletter.module.scss
@@ -11,12 +11,9 @@
     color: $primary-content-color;
     margin-top: 1rem;
 
-    @include tablet {
-      margin: 0;
-    }
-
     @include large-desktop {
       font-size: 1.2rem;
+      margin: 0;
     }
   }
 }
@@ -34,13 +31,15 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
+      gap: 2rem;
     }
   }
 
   &__title {
     font-size: 1.5rem;
     color: $primary-content-color;
     margin: 0;
+    white-space: nowrap;
 
     @include medium-desktop {
       font-size: 1.75rem;

Original file line number	Diff line number	Diff line change
`@@ -11,12 +11,9 @@`
`11`	`11`	`color: $primary-content-color;`
`12`	`12`	`margin-top: 1rem;`
`13`	`13`
`14`		`- @include tablet {`
`15`		`- margin: 0;`
`16`		`- }`
`17`		`-`
`18`	`14`	`@include large-desktop {`
`19`	`15`	`font-size: 1.2rem;`
	`16`	`+ margin: 0;`
`20`	`17`	`}`
`21`	`18`	`}`
`22`	`19`	`}`
`@@ -34,13 +31,15 @@`
`34`	`31`	`display: flex;`
`35`	`32`	`justify-content: space-between;`
`36`	`33`	`align-items: center;`
	`34`	`+ gap: 2rem;`
`37`	`35`	`}`
`38`	`36`	`}`
`39`	`37`
`40`	`38`	`&__title {`
`41`	`39`	`font-size: 1.5rem;`
`42`	`40`	`color: $primary-content-color;`
`43`	`41`	`margin: 0;`
	`42`	`+ white-space: nowrap;`
`44`	`43`
`45`	`44`	`@include medium-desktop {`
`46`	`45`	`font-size: 1.75rem;`