Course About Page: tablet and mobile view adjustments

mitodl · Oct 23, 2023 · 3db800c · 3db800c
1 parent c338d2f
commit 3db800c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/cms/templates/product_page.html b/cms/templates/product_page.html
@@ -13,7 +13,7 @@
 {% if new_design %}
     <div id="main" class="product-page">
       <div class="container">
-        <div class="row d-flex flex-row">
+        <div class="row d-flex flex-row align-items-center">
           <div class="col flex-grow-1" id="product-details">
             <div class="text">
               <h1>{{ page.title }}</h1>

diff --git a/frontend/public/scss/product-page/product-details.scss b/frontend/public/scss/product-page/product-details.scss
@@ -12,6 +12,11 @@ body.new-design {
     margin-top: 1.5rem;
     background-color: white;
 
+    .row.align-items-center {
+      justify-content: center;
+      align-items: center;
+    }
+
     section.course-description {
       font-size: 20px;
       color: var(--GreyText, #6F7175);
@@ -87,6 +92,7 @@ body.new-design {
       border: 1px solid #e4e9ef;
       padding: 2rem;
       clear: both;
+      margin-bottom: 1.5rem;
     }
 
     #product-info-box {