MDL-58732 block_myoverview: add max-width to block content

diff --git a/blocks/myoverview/templates/main.mustache b/blocks/myoverview/templates/main.mustache
index 54fc37a..3a1a942 100644 (file)
--- a/blocks/myoverview/templates/main.mustache
+++ b/blocks/myoverview/templates/main.mustache
@@ -36,7 +36,7 @@
             </a>
         </li>
     </ul>
-    <div class="tab-content">
+    <div class="tab-content content-centred">
         <div role="tabpanel" class="tab-pane fade in active" id="myoverview_timeline_view">
             {{> block_myoverview/timeline-view }}
         </div>

diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
index 6a0962c..889363d 100644 (file)
--- a/theme/boost/scss/moodle/blocks.scss
+++ b/theme/boost/scss/moodle/blocks.scss
@@ -179,6 +179,12 @@ $doughnut-fill-colour: $brand-warning;
         }
     }
 
+    .content-centred {
+        max-width: 900px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
     .empty-placeholder-image-sm {
         height: 70px;
         width: 85px;
@@ -194,3 +200,11 @@ $doughnut-fill-colour: $brand-warning;
         overflow-y: hidden;
     }
 }
+
+@media (min-width: 1600px) {
+    .block_myoverview {
+        .courses-view-course-item {
+            height: 190px;
+        }
+    }
+}