From 3e02f5c5005dfa902af0d1f4d0de71e9b0ba47a6 Mon Sep 17 00:00:00 2001
From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Date: Tue, 25 Jan 2022 13:30:19 +0900
Subject: [PATCH] platform ios layout bug fix (#3866)

Attempt two. See https://github.com/fleetdm/fleet/pull/3865 for context.
---
 website/assets/styles/pages/platform.less | 9 +++++----
 website/views/pages/platform.ejs          | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/website/assets/styles/pages/platform.less b/website/assets/styles/pages/platform.less
index 9106485c3f..4ce0ba08cf 100644
--- a/website/assets/styles/pages/platform.less
+++ b/website/assets/styles/pages/platform.less
@@ -66,8 +66,9 @@
       text-decoration: none;
     }
     svg {
-      position: fixed;
+      position: absolute;
       left: -50px;
+      top: -35px;
       bottom: 0px;
       overflow: hidden;
       vertical-align: middle;
@@ -338,10 +339,10 @@
         margin-block-end: 16px;
       }
       svg {
-        position: fixed;
-        top: 0px;
+        position: absolute;
+        top: -20px;
         left: 0px;
-        overflow: hidden;
+        overflow: overlay;
         vertical-align: middle;
         z-index: -1;
         width: 100%;
diff --git a/website/views/pages/platform.ejs b/website/views/pages/platform.ejs
index 02936dc157..7f5e773bbf 100644
--- a/website/views/pages/platform.ejs
+++ b/website/views/pages/platform.ejs
@@ -146,7 +146,7 @@
   <div class="container-fluid p-lg-0">
     <div purpose="platform-user-story" class="mx-auto">
       <div class="flex-sm-row flex-column row justify-content-around justify-content-sm-between text-center text-sm-left">
-        <div class="position-relative col-12 col-sm-2 col-md-4 pb-md-0 pb-5">
+        <div class="col-12 col-sm-2 col-md-4 pb-md-0 pb-5">
           <img alt="Schrodinger logo" src="/images/platform/logo-schrodinger-120x120@2x.png">
           <svg class="d-none d-sm-inline" viewBox="0 0 238 181" fill="none" xmlns="http://www.w3.org/2000/svg">
             <circle cx="53.9834" cy="90.2871" r="183.5" fill="white"/>