Merge branch 'alert-table-mobile-hotfix' into 'master'

Alert table mobile hotfix

See merge request gitlab-org/gitlab!33047

app/assets/stylesheets/pages/alert_management/list.scss

@@ -14,11 +14,6 @@
         padding-left: 1.25rem;
         @include gl-py-5;
         @include gl-outline-none;
-        border: 0; // Remove cell border styling so that we can set border styling per row
-
-        &.event-count {
-          @include gl-pr-9;
-        }
 
         &.alert-title {
           @include gl-pointer-events-none;
@@ -30,7 +25,10 @@
         font-weight: $gl-font-weight-bold;
         color: $gl-gray-600;
       }
+    }
 
+    @include media-breakpoint-up(md) {
+      tr {
         &:last-child {
           td {
             @include gl-border-0;
@@ -38,9 +36,13 @@
         }
       }
     }
+  }
 
   @include media-breakpoint-down(sm) {
     .alert-management-table {
+      tr {
+        border-top: 0;
+
         .table-col {
           min-height: 68px;
 
@@ -57,6 +59,13 @@
             }
           }
         }
+
+        &:hover {
+          background-color: $white;
+          border-color: $white;
+          border-bottom-style: none;
+        }
+      }
     }
   }
 

changelogs/unreleased/alert-table-classes-hotfix.yml

+---
+title: Fix broken CSS classes inside alert management list
+merge_request: 33038
+author:
+type: fixed