From a55a39d2173024b17074e15a537fb8110ce7203b Mon Sep 17 00:00:00 2001
From: Chaphasilor <ppp.u@web.de>
Date: Sun, 12 Apr 2020 20:16:51 +0200
Subject: [PATCH] Fix landing and newcall pages on mobile (#16)

* removed unneeded rules

* fix landing and newcall pages on mobile

* apply prettier --write
---
 public/css/landing.css | 18 ++++++++++++------
 public/css/newcall.css | 27 +++++++++++++++++++++++++++
 public/newcall.html    |  1 +
 3 files changed, 40 insertions(+), 6 deletions(-)
 create mode 100644 public/css/newcall.css

diff --git a/public/css/landing.css b/public/css/landing.css
index 91506f5..b0c8976 100755
--- a/public/css/landing.css
+++ b/public/css/landing.css
@@ -1998,6 +1998,12 @@ textarea.form-input {
   padding: 32px 24px;
 }
 
+@media (max-width: 640px) {
+  .section:first-of-type {
+    min-height: calc(100vh - (80px / 2));
+  }
+}
+
 .site-header {
   position: absolute !important;
   top: 0;
@@ -2080,7 +2086,7 @@ textarea.form-input {
 
 @media (max-width: 640px) {
   .header-nav-toggle {
-    /* display: block; */
+    display: block;
   }
 
   .header-nav-toggle + .header-nav {
@@ -2326,8 +2332,8 @@ textarea.form-input {
 
 .section-inner {
   position: relative;
-  padding-top: 0;
-  padding-bottom: 0;
+  padding-top: 48px;
+  padding-bottom: 48px;
 }
 
 .section-header {
@@ -2567,12 +2573,12 @@ ul.pricing-item-features-list li {
 }
 
 .cta .section-inner {
-  padding-top: 24px;
-  padding-bottom: 24px;
+  padding-top: 48px;
+  padding-bottom: 48px;
 }
 
 .cta-slogan {
-  margin-bottom: 15px;
+  margin-bottom: 40px;
 }
 
 @media (min-width: 641px) {
diff --git a/public/css/newcall.css b/public/css/newcall.css
new file mode 100644
index 0000000..d0b4901
--- /dev/null
+++ b/public/css/newcall.css
@@ -0,0 +1,27 @@
+@media (max-width: 640px) {
+  .section:first-of-type {
+    min-height: 0;
+  }
+
+  section:first-of-type .hero-inner {
+    padding-top: 1rem;
+    padding-bottom: 0;
+  }
+
+  section:first-of-type .hero-inner .split-item {
+    padding: 0;
+  }
+
+  section:nth-of-type(2) {
+    margin-top: 2rem;
+  }
+
+  section:nth-of-type(2) .section-inner {
+    padding-top: 1rem;
+    padding-bottom: 0.5rem;
+  }
+
+  section:nth-of-type(2) .section-inner .cta-slogan {
+    margin-bottom: 1rem;
+  }
+}
diff --git a/public/newcall.html b/public/newcall.html
index 3426e21..876311b 100755
--- a/public/newcall.html
+++ b/public/newcall.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <title>Zipcall</title>
     <link rel="stylesheet" href="css/landing.css" />
+    <link rel="stylesheet" href="css/newcall.css" />
     <link rel="shortcut icon" href="images/logo.svg" />
     <meta property="og:title" content="Zipcall - Decentralized video calls" />
     <meta