From 12cbe464fc7e01d55c13d7dca5c8647ca68f5916 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sun, 27 Dec 2020 12:50:12 +0100
Subject: [PATCH] web: fix table styling on mobile

---
 web/src/authentik.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/authentik.css b/web/src/authentik.css
index c00ecdc98..e40f50458 100644
--- a/web/src/authentik.css
+++ b/web/src/authentik.css
@@ -142,6 +142,15 @@ select[multiple] {
     .pf-c-table__sort-indicator i {
         color: var(--ak-dark-foreground) !important;
     }
+    /* table, on mobile */
+    @media screen and (max-width: 1200px) {
+        .pf-m-grid-xl.pf-c-table tbody:first-of-type {
+            border-top-color: var(--ak-dark-background);
+        }
+        .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
+            border-bottom-color: var(--ak-dark-background);
+        }
+    }
     /* class for pagination text */
     .pf-c-options-menu__toggle {
         color: var(--ak-dark-foreground);