From 3e7d25db9b10b40694c7d96adfe33f79943ad9ff Mon Sep 17 00:00:00 2001
From: "Ella E." <ella@discourse.org>
Date: Tue, 22 Oct 2024 15:50:07 -0600
Subject: [PATCH] DEV: update breakpoint to tablet (#29350)

---
 .../stylesheets/common/admin/admin_table.scss | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/admin_table.scss b/app/assets/stylesheets/common/admin/admin_table.scss
index 223903049fb..11c44cbe5ef 100644
--- a/app/assets/stylesheets/common/admin/admin_table.scss
+++ b/app/assets/stylesheets/common/admin/admin_table.scss
@@ -1,13 +1,11 @@
 .d-admin-table {
-  box-shadow: none;
-
-  @include breakpoint("mobile-extra-large") {
+  @include breakpoint("tablet") {
     border-collapse: collapse;
     margin-bottom: var(--space-3);
   }
 
   thead {
-    @include breakpoint("mobile-extra-large") {
+    @include breakpoint("tablet") {
       display: none;
     }
   }
@@ -20,7 +18,7 @@
     position: relative;
     padding: var(--space-1) 0;
 
-    @include breakpoint("mobile-extra-large") {
+    @include breakpoint("tablet") {
       display: block;
       margin-bottom: var(--space-3);
       box-shadow: var(--shadow-card);
@@ -28,16 +26,14 @@
   }
 
   td {
-    border-top: none;
-
-    @include breakpoint("mobile-extra-large") {
+    @include breakpoint("tablet") {
       display: block;
       border-top: 1px solid var(--primary-very-low);
     }
 
     &:first-child,
     &:last-child {
-      @include breakpoint("mobile-extra-large") {
+      @include breakpoint("tablet") {
         border-top: 0;
       }
     }
@@ -64,7 +60,7 @@
 }
 
 td.d-admin-row__detail {
-  @include breakpoint("mobile-extra-large") {
+  @include breakpoint("tablet") {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid var(--primary-low);
@@ -90,7 +86,7 @@ td.d-admin-row__detail {
     }
   }
 
-  @include breakpoint("mobile-extra-large") {
+  @include breakpoint("tablet") {
     position: absolute;
     top: 0;
     right: 0;
@@ -100,8 +96,8 @@ td.d-admin-row__detail {
 .d-admin-row__mobile-label {
   display: none;
 
-  @include breakpoint("mobile-extra-large") {
+  @include breakpoint("tablet") {
     display: inline-flex;
-    color: var(--secondary-medium);
+    color: var(--primary-high);
   }
 }