style: landing spacing

Signed-off-by: peterpeterparker <[email protected]>

Author: peterpeterparker

studio/src/app/components/landing/app-landing-deck/app-landing-deck.scss

@@ -51,6 +51,14 @@ app-landing-deck {
       }
 
       @media (max-width: 768px) {
+        h1 {
+          font-size: 38px;
+        }
+
+        div[slot="start"] {
+          padding: 0;
+        }
+
         div[slot="start"] {
           h2 {
             padding: 0;
@@ -62,6 +70,7 @@ app-landing-deck {
 
           div[slot="start"] {
             text-align: center;
+            max-width: 100%;
           }
         }
       }

studio/src/app/components/landing/app-landing-deck/app-landing-deck.tsx

@@ -80,7 +80,7 @@ export class AppLandingDeck {
         <deckgo-slide-split>
           <div slot="start">
             <h1>Make more than presentations</h1>
-            <h3 style={{'font-weight': '300'}}>Create, present and share apps. Interact with your audience.</h3>
+            <h3 style={{'font-weight': '300', 'margin-top': '16px'}}>Create, present and share apps. Interact with your audience.</h3>
 
             <ion-button class="ion-margin-top" shape="round" href="/editor" routerDirection="root" mode="md" color="tertiary">
               <ion-label style={{'text-transform': 'none'}}>Get started with DeckDeckGo</ion-label>