From 9fd2920c4c6fac50cd1e1bc8364c347ff40cae7c Mon Sep 17 00:00:00 2001
From: leangseu-edx <83240113+leangseu-edx@users.noreply.github.com>
Date: Wed, 19 Apr 2023 10:21:50 -0400
Subject: [PATCH] chore: update public video logo and CTA styling (#32078)

* chore: update public video logo and CTA styling

* chore: update logo styling
---
 lms/static/sass/_experiments.scss | 32 +++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/lms/static/sass/_experiments.scss b/lms/static/sass/_experiments.scss
index a3c8601cbe..5a906e3736 100644
--- a/lms/static/sass/_experiments.scss
+++ b/lms/static/sass/_experiments.scss
@@ -527,16 +527,26 @@
   }
 
   .public-video-share-cta {
-    position: relative;
-    z-index: 1;
-    margin-top: 20px;
+    display: flex;
+    padding: $baseline;
+    justify-content: flex-end;
+    flex-direction: row;
+    margin: 0 -12px;
+    text-align: center;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1em;
 
     .org-logo{
-      height: 40px;
+      height: 80px;
     }
 
-    .nav-links{
-      float: right;
+    .nav-links {
+      display: flex;
+      flex-direction: row;
+      gap: 1em;
+      width: 100%;
+      justify-content: flex-end;
     }
 
     .btn-learn-more{
@@ -567,4 +577,14 @@
       }
     }
   }
+
+  @include media-breakpoint-down(sm) {
+    .public-video-share-cta {
+      flex-direction: column;
+
+      .nav-links {
+        flex-direction: column;
+      }
+    }
+  }
 }