Removed `hidden-xs` class from alerts

Centered alert text and prevented alert actions links from floating
right for viewports below medium width (992px)

Centered alert text stopped alert actions from floating right for viewports below medium width (992px)

Update styles to use correct screen width variable for max-width media query

Added unreleased changelog

Added class to alert links wrapper
Updated styles for new class, float alert links on larger screens

1 files changed, 15 insertions, 0 deletions

diff --git a/app/assets/stylesheets/framework/layout.scss b/app/assets/stylesheets/framework/layout.scss
index 5365b62e456..29d55c44699 100644
--- a/app/assets/stylesheets/framework/layout.scss
+++ b/app/assets/stylesheets/framework/layout.scss
@@ -41,6 +41,21 @@ body {
     }
   }
 
+  .alert-link-group {
+    float: right;
+  }
+
+  /* Center alert text and alert action links on smaller screens */
+  @media (max-width: $screen-sm-max) {
+    .alert {
+      text-align: center;
+    }
+
+    .alert-link-group {
+      float: none;
+    }
+  }
+
   /* Stripe the background colors so that adjacent alert-warnings are distinct from one another */
   .alert-warning {
     transition: background-color 0.15s, border-color 0.15s;