Merge pull request #4861 from avalonmediasystem/cdl_center-embed-text

Center CDL checkout text, button in embed player
avalonmediasystem · Aug 30, 2022 · a2b8481 · a2b8481
2 parents 65b14ed + f5f98fc
commit a2b8481
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/app/assets/stylesheets/avalon.scss b/app/assets/stylesheets/avalon.scss
@@ -1219,11 +1219,14 @@ td {
   p {
     position: relative;
     text-align: center;
+    @include media-breakpoint-down(md) {
+      margin-bottom: 0;
+    }
   }
 
   form {
-    position: relative;
-    left: 25%;
+    width: fit-content;
+    margin: 0 auto;
   }
 
   .centered {
@@ -1234,15 +1237,10 @@ td {
   }
 
   .centered.video {
-    top: -50%;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    height: 4rem;
-
-    @include media-breakpoint-down(sm) {
-      top: -25%;
-    }
+    top: 50%;
+    position: absolute;
+    margin: 0;
+    transform: translateY(-50%);
   }
 }
 
@@ -1254,5 +1252,6 @@ td {
 .checkout.video {
   padding: 3rem;
   height: 50%;
+  position: relative;
 }
 /* End of CDL controls on view page styles */
diff --git a/app/views/media_objects/_checkout.html.erb b/app/views/media_objects/_checkout.html.erb
@@ -14,7 +14,7 @@ Unless required by applicable law or agreed to in writing, software distributed
 ---  END LICENSE_HEADER BLOCK  ---
 %>
 <% media_object_id=@media_object.id %>
-<%= form_for(Checkout.new, html: { style: "display: inline;" }) do |f| %>
+<%= form_for(Checkout.new) do |f| %>
   <%= hidden_field_tag "authenticity_token", form_authenticity_token %>
   <%= hidden_field_tag "checkout[media_object_id]", media_object_id %>
   <%= f.submit "Check Out", class: "btn btn-info check-out-btn",