adjustments to alert and card title size

Author: chrismoroney

assets/css/cross-page.css

@@ -227,6 +227,12 @@ ads-masthead {
     --ads-masthead-border-bottom-color: transparent;
 }
 
+/* Align the alert icon with the masthead title while its surface spans the page. */
+#color-refresh-alert-container {
+    background-color: #F0F0F0;
+    overflow: hidden;
+}
+
 /* Bypass ADS's fixed 70% heading wrapper while retaining its typography. */
 ads-masthead #ads-masthead-title {
     box-sizing: border-box;

assets/css/list-pages.css

@@ -329,15 +329,18 @@ html[theme="light"] .learning-path-title, html[theme="light"] .basics-title {
 }
 .learning-path-title, .basics-title {
     color: var(--arm-light-blue);
-    /*font-weight: bold;
-    font-size:1.25rem;
-    */
     font-weight: 400;
 
     margin-top: 0px;
     margin-bottom: 4px;
 }
 
+.learning-path-title,
+.module-card-title {
+    font-size: 1.25rem!important;
+    line-height: 1.3;
+}
+
 html[theme="dark"] .learning-path-title {
     color: #E6E6E9;
 }
@@ -360,7 +363,8 @@ html[theme="dark"] .learning-path-title {
 .install-guide-title {
     margin-top: 0px;
     margin-bottom: 0px;
-    font-size: 1rem!important;
+    font-size: 1.25rem!important;
+    line-height: 1.3;
 }
 
 

themes/arm-design-system-hugo-theme/layouts/partials/header/color-refresh-alert.html

@@ -1,12 +1,14 @@
 {{/* Site-wide launch notice. The homepage is excluded by baseof.html. */}}
 <div id="color-refresh-alert-container" hidden>
-    <ads-alert
-        id="color-refresh-alert"
-        theme="dark"
-        level="default"
-        has-close-button="true"
-        text="We’ve refreshed our colors. The site’s content and functionality remain the same."
-    ></ads-alert>
+    <div class="color-refresh-alert-inner is-responsive-width">
+        <ads-alert
+            id="color-refresh-alert"
+            theme="dark"
+            level="default"
+            has-close-button="true"
+            text="We’ve refreshed our colors. The site’s content and functionality remain the same."
+        ></ads-alert>
+    </div>
 </div>
 
 <script>