Merge pull request #171 from teaxyz/small-design-fixes

Small Design Fixes

src/layouts/partials/floating-join-btn.html

@@ -21,7 +21,7 @@
     right: 15px;
     top: 5.3vw;
     cursor: pointer;
-    z-index: 4;
+    z-index: 5 !important;
     transition: 0.2s ease-in-out;
   }
 
@@ -55,7 +55,7 @@
     right: 15px;
     top: 6.5vw;
     cursor: pointer;
-    z-index: 3;
+    z-index: 5 !important;
     transition: 0.2s ease-in-out;
   }
 
@@ -90,7 +90,7 @@
     right: 15px;
     top: 12vw;
     cursor: pointer;
-    z-index: 3;
+    z-index: 5 !important;
     transition: 0.2s ease-in-out;
   }
 
@@ -125,7 +125,7 @@
     right: 15px;
     bottom: 2.5vw;
     cursor: pointer;
-    z-index: 3;
+    z-index: 5 !important;
     transition: 0.2s ease-in-out;
   }
 
@@ -160,7 +160,7 @@
     right: 3vw;
     bottom: 3vw !important;
     cursor: pointer;
-    z-index: 4;
+    z-index: 5 !important;
     transition: 0.2s ease-in-out;
   }
 

src/layouts/partials/klaviyo-form.html

@@ -16,7 +16,7 @@
     color: #949494 !important;
     font-weight: 400 !important;
     text-transform: uppercase;
-    padding-top:5px !important;
+    padding-top:0px !important;
   }
 
   #email_52016048::placeholder{
@@ -51,6 +51,58 @@
     color: #1a1a1a !important;
   }
 
+  @media only screen and (max-width: 576px) {
+
+    #email_52016048{
+      background-color: #1a1a1a !important;
+      border: none !important;
+      font-family: "pp-neue-machina", sans-serif !important;
+      outline: none !important;
+      font-size: 28px !important;
+      padding-left: 0px !important;
+      color: #949494 !important;
+      font-weight: 400 !important;
+      text-transform: uppercase;
+      padding-bottom: 5px !important;
+    }
+
+    #email_52016048::placeholder{
+      font-size: 20px !important;
+      font-family: "pp-neue-machina", sans-serif !important;
+      color: #949494 !important;
+      font-weight: 400 !important;
+    }
+
+    #email_52016048:focus{
+      outline: none !important;
+      box-shadow: none !important;
+
+    }
+
+    button.needsclick.go3894874857.kl-private-reset-css-Xuajs1{
+      background-color: #1a1a1a !important;
+      padding-left: 3vw !important;
+      font-family: "pp-neue-machina", sans-serif !important;
+      font-size: 20px !important;
+      font-weight: 400 !important;
+      color: #949494 !important;
+      padding-right: 3vw !important;
+      border-left: 2px solid #949494 !important;
+      transition: 0.2s ease-in-out !important;
+    }
+
+    button.needsclick.go3894874857.kl-private-reset-css-Xuajs1:hover{
+      box-shadow: inset 0px 0px 0px 5px #1a1a1a !important;
+      background-color: #00ffd0 !important;
+      color: #1a1a1a !important;
+    }
+
+     div.needsclick.kl-private-reset-css-Xuajs1{
+       padding-top: 0px !important;
+     }
+
+  }
+
 
 
 </style>

src/static/css/homepage.css

@@ -1,6 +1,22 @@
 /* General/Utilities */
+@media only screen and (min-width: 1792px) {
 
-@media only screen and (min-width: 1200px) {
+  html,body{
+    background-color: #1a1a1a;
+    max-width: none;
+    overflow-x: hidden;
+    margin-top: 2.2vw;
+  }
+
+  .container{
+    max-width: none;
+    padding: 4.5vw 8.371vw 4.185vw 8.371vw;
+  }
+
+
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1792px) {
 
   html,body{
     background-color: #1a1a1a;