From 030b1c45f99965f679cb3b5c62fc9e6916798512 Mon Sep 17 00:00:00 2001
From: Benjamin Renard <brenard@easter-eggs.com>
Date: Thu, 4 Jun 2020 18:00:25 +0200
Subject: [PATCH] LSaccessRightsMatrixView: make CSS responsive

---
 src/css/default/LSaccessRightsMatrixView.css | 23 ++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/css/default/LSaccessRightsMatrixView.css b/src/css/default/LSaccessRightsMatrixView.css
index ac136adf..4794e5e6 100644
--- a/src/css/default/LSaccessRightsMatrixView.css
+++ b/src/css/default/LSaccessRightsMatrixView.css
@@ -117,6 +117,9 @@ ul.LSaccessRightsMatrixView_tabs {
   padding:            0;
   margin:             1em;
   margin-bottom:      0;
+  display:            flex;
+  flex-wrap:          nowrap;
+  overflow:           auto;
 }
 
 ul.LSaccessRightsMatrixView_tabs li a {
@@ -131,7 +134,7 @@ ul.LSaccessRightsMatrixView_tabs li {
   border-radius:      3px 3px 0px 0px;
   padding:            4px;
   display:            inline;
-  margin-right:       1px;
+  margin-right:       0.3rem;
 }
 
 ul.LSaccessRightsMatrixView_tabs li.LSaccessRightsMatrixView_active_tab {
@@ -143,7 +146,7 @@ div.LSaccessRightsMatrixView_tab_content {
   border:             1px solid #0072B8;
   margin:             1em;
   padding:            0.5em;
-  margin-top:         4px;
+  margin-top:         0;
 }
 
 div.LSaccessRightsMatrixView_tab_content h2 {
@@ -158,3 +161,19 @@ div.LSaccessRightsMatrixView_tab_content h2 {
   font-style: italic;
   font-weight: normal;
 }
+
+
+@media (max-width: 1024px) {
+  div.LSaccessRightsMatrixView_tab_content {
+    margin: 0;
+  }
+
+  ul.LSaccessRightsMatrixView_tabs {
+    margin: 0;
+    margin-top: 0.3rem;
+  }
+
+  #LSaccessRightsMatrixView table thead th:first-of-type, #LSaccessRightsMatrixView table tbody th {
+    max-width: 25vw;
+  }
+}