From cf85193ef37c64be44eedbe56008dae69df015e1 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Mon, 27 Jan 2020 00:42:58 +0100
Subject: [PATCH 01/10] wip

---
 .../joomla-custom-elements/joomla-tab.scss    | 29 +++++++++++++++++++
 layouts/joomla/form/field/rules.php           |  8 ++---
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index 7446ec1662999..d94c8e8a17f89 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -246,6 +246,35 @@ joomla-tab {
     #permissions-sliders {
       section[active] {
         padding: 0 !important;
+
+        @include media-breakpoint-down(md) {
+          .respTable {
+            text-align: right;
+          }
+          .respTable, .respTable thead, .respTable tbody, .respTable tr, .respTable th, .respTable td {
+            display: block;
+	      }
+          .respTable thead {
+            position: absolute;
+            top: -1111px;
+            left: -1111px;
+		  }
+          .respTable td:before {
+            float: left;
+            padding: 0 2em 0 0;
+            content: attr(data-label) ":";
+            font-weight: bold;
+          }		  
+          .respTable td:nth-child(1) {
+	        font-weight: bold;
+	      }
+	      .respTable td:last-child {
+	        border-bottom: 1em var(--atum-bg-dark-80) solid;
+	      }
+	      .oddCol {
+	        background: $gray-100;
+	      }
+        }
       }
     }
   }
diff --git a/layouts/joomla/form/field/rules.php b/layouts/joomla/form/field/rules.php
index 6f248711d617e..ca1562348aaef 100644
--- a/layouts/joomla/form/field/rules.php
+++ b/layouts/joomla/form/field/rules.php
@@ -101,7 +101,7 @@
 		<?php foreach ($groups as $group) : ?>
 			<?php $active = (int) $group->value === 1 ? ' active' : ''; ?>
 			<section class="tab-pane<?php echo $active; ?>" name="<?php echo htmlentities(LayoutHelper::render('joomla.html.treeprefix', array('level' => $group->level + 1)), ENT_COMPAT, 'utf-8') . $group->text; ?>" id="permission-<?php echo $group->value; ?>">
-				<table class="table">
+				<table class="table respTable">
 					<thead>
 						<tr>
 							<th style="width: 30%" class="actions" id="actions-th<?php echo $group->value; ?>">
@@ -123,7 +123,7 @@
 						<?php $isSuperUserGroup = Access::checkGroup($group->value, 'core.admin'); ?>
 						<?php foreach ($actions as $action) : ?>
 							<tr>
-								<td headers="actions-th<?php echo $group->value; ?>">
+								<td class="oddCol" data-label="<?php echo Text::_('JLIB_RULES_ACTION'); ?>" headers="actions-th<?php echo $group->value; ?>">
 									<label for="<?php echo $id; ?>_<?php echo $action->name; ?>_<?php echo $group->value; ?>">
 										<?php echo Text::_($action->title); ?>
 									</label>
@@ -133,7 +133,7 @@
 										</div>
 									<?php endif; ?>
 								</td>
-								<td headers="settings-th<?php echo $group->value; ?>">
+								<td class="textRight" data-label="<?php echo Text::_('JLIB_RULES_SELECT_SETTING'); ?>" headers="settings-th<?php echo $group->value; ?>">
 									<div class="d-flex align-items-center">
 										<select data-onchange-task="permissions.apply"
 												class="custom-select novalidate"
@@ -164,7 +164,7 @@ class="custom-select novalidate"
 									</div>
 								</td>
 
-								<td headers="aclaction-th<?php echo $group->value; ?>">
+								<td class="textRight" data-label="<?php echo Text::_('JLIB_RULES_CALCULATED_SETTING'); ?>" headers="aclaction-th<?php echo $group->value; ?>">
 									<?php $result = array(); ?>
 									<?php // Get the group, group parent id, and group global config recursive calculated permission for the chosen action. ?>
 									<?php $inheritedGroupRule 	= Access::checkGroup((int) $group->value, $action->name, $assetId);

From b131ad21a4c7f510ae67c06d368285c3438548b5 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Mon, 27 Jan 2020 01:05:59 +0100
Subject: [PATCH 02/10] cs

---
 .../joomla-custom-elements/joomla-tab.scss    | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index d94c8e8a17f89..ed1046eb46939 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -251,29 +251,35 @@ joomla-tab {
           .respTable {
             text-align: right;
           }
+
           .respTable, .respTable thead, .respTable tbody, .respTable tr, .respTable th, .respTable td {
             display: block;
 	      }
-          .respTable thead {
+
+		  .respTable thead {
             position: absolute;
             top: -1111px;
             left: -1111px;
-		  }
+          }
+
           .respTable td:before {
             float: left;
             padding: 0 2em 0 0;
             content: attr(data-label) ":";
             font-weight: bold;
-          }		  
+          }
+
           .respTable td:nth-child(1) {
 	        font-weight: bold;
 	      }
+
 	      .respTable td:last-child {
-	        border-bottom: 1em var(--atum-bg-dark-80) solid;
-	      }
-	      .oddCol {
-	        background: $gray-100;
+            border-bottom: 1em var(--atum-bg-dark-80) solid;
 	      }
+
+          .oddCol {
+            background: $gray-100;
+          }
         }
       }
     }

From 3859daaa8294ecfb5ebdad3abe2ba3f0b785a137 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Mon, 27 Jan 2020 01:08:50 +0100
Subject: [PATCH 03/10] cs

---
 .../scss/vendor/joomla-custom-elements/joomla-tab.scss    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index ed1046eb46939..ebac0aff11128 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -254,9 +254,9 @@ joomla-tab {
 
           .respTable, .respTable thead, .respTable tbody, .respTable tr, .respTable th, .respTable td {
             display: block;
-	      }
+          }
 
-		  .respTable thead {
+          .respTable thead {
             position: absolute;
             top: -1111px;
             left: -1111px;
@@ -270,8 +270,8 @@ joomla-tab {
           }
 
           .respTable td:nth-child(1) {
-	        font-weight: bold;
-	      }
+            font-weight: bold;
+          }
 
 	      .respTable td:last-child {
             border-bottom: 1em var(--atum-bg-dark-80) solid;

From 70c4e86dd7c7bd51c44b8a405aa45ef5a45f7f54 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Mon, 27 Jan 2020 01:10:17 +0100
Subject: [PATCH 04/10] cs

---
 .../atum/scss/vendor/joomla-custom-elements/joomla-tab.scss   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index ebac0aff11128..2122533aa3c4c 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -273,9 +273,9 @@ joomla-tab {
             font-weight: bold;
           }
 
-	      .respTable td:last-child {
+          .respTable td:last-child {
             border-bottom: 1em var(--atum-bg-dark-80) solid;
-	      }
+          }
 
           .oddCol {
             background: $gray-100;

From b8b18395bff6acc7a44c9bdaf7ce90646504eef2 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Mon, 27 Jan 2020 18:46:30 +0100
Subject: [PATCH 05/10] wip

---
 administrator/components/com_foos             |  1 +
 .../joomla-custom-elements/joomla-tab.scss    | 28 +++++++++++++++----
 components/com_foos                           |  1 +
 3 files changed, 24 insertions(+), 6 deletions(-)
 create mode 120000 administrator/components/com_foos
 create mode 120000 components/com_foos

diff --git a/administrator/components/com_foos b/administrator/components/com_foos
new file mode 120000
index 0000000000000..edfffb8304c7e
--- /dev/null
+++ b/administrator/components/com_foos
@@ -0,0 +1 @@
+/home/astrid/git/joomla-development/boilerplate/src/administrator/components/com_foos
\ No newline at end of file
diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index 2122533aa3c4c..1c9e4585bbc44 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -249,7 +249,15 @@ joomla-tab {
 
         @include media-breakpoint-down(md) {
           .respTable {
-            text-align: right;
+
+            [dir=ltr] & {
+              text-align: right;
+            }
+
+            [dir=rtl] & {
+              text-align: left;
+            }
+
           }
 
           .respTable, .respTable thead, .respTable tbody, .respTable tr, .respTable th, .respTable td {
@@ -262,15 +270,23 @@ joomla-tab {
             left: -1111px;
           }
 
-          .respTable td:before {
-            float: left;
+          .respTable td::before {
+
+            [dir=ltr] & {
+              float: left;
+            }
+
+            [dir=rtl] & {
+              float: right;
+            }
+
             padding: 0 2em 0 0;
             content: attr(data-label) ":";
-            font-weight: bold;
+            font-weight: $bold-weight;
           }
 
           .respTable td:nth-child(1) {
-            font-weight: bold;
+            font-weight: $bold-weight;
           }
 
           .respTable td:last-child {
@@ -278,7 +294,7 @@ joomla-tab {
           }
 
           .oddCol {
-            background: $gray-100;
+            background: var(--atum-bg-light);
           }
         }
       }
diff --git a/components/com_foos b/components/com_foos
new file mode 120000
index 0000000000000..954f3486e6edd
--- /dev/null
+++ b/components/com_foos
@@ -0,0 +1 @@
+/home/astrid/git/joomla-development/boilerplate/src/components/com_foos
\ No newline at end of file

From 74947c0f7a68fbc5f28cffecbc548bc9b5c5a2da Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Mon, 27 Jan 2020 19:16:18 +0100
Subject: [PATCH 06/10] wip

---
 administrator/components/com_foos | 1 -
 components/com_foos               | 1 -
 2 files changed, 2 deletions(-)
 delete mode 120000 administrator/components/com_foos
 delete mode 120000 components/com_foos

diff --git a/administrator/components/com_foos b/administrator/components/com_foos
deleted file mode 120000
index edfffb8304c7e..0000000000000
--- a/administrator/components/com_foos
+++ /dev/null
@@ -1 +0,0 @@
-/home/astrid/git/joomla-development/boilerplate/src/administrator/components/com_foos
\ No newline at end of file
diff --git a/components/com_foos b/components/com_foos
deleted file mode 120000
index 954f3486e6edd..0000000000000
--- a/components/com_foos
+++ /dev/null
@@ -1 +0,0 @@
-/home/astrid/git/joomla-development/boilerplate/src/components/com_foos
\ No newline at end of file

From 2f9acb7bc8170f7932a4ca8cbbbff3e83a043c4a Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Fri, 14 Feb 2020 13:35:34 +0100
Subject: [PATCH 07/10] align

---
 .../atum/scss/vendor/joomla-custom-elements/joomla-tab.scss      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index bc56a0cbf6eb3..e4cc39a17536a 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -278,6 +278,7 @@ joomla-tab {
 
             [dir=rtl] & {
               float: right;
+			  padding: 0 0 0 2em;
             }
 
             padding: 0 2em 0 0;

From 64ea7941b848bc19e01870dee2ac5635c8d1ce86 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Fri, 14 Feb 2020 13:39:58 +0100
Subject: [PATCH 08/10] deleted unnecessary class

---
 layouts/joomla/form/field/rules.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/joomla/form/field/rules.php b/layouts/joomla/form/field/rules.php
index ceb8240541327..72ff10f014c1a 100644
--- a/layouts/joomla/form/field/rules.php
+++ b/layouts/joomla/form/field/rules.php
@@ -133,7 +133,7 @@
 										</div>
 									<?php endif; ?>
 								</td>
-								<td class="textRight" data-label="<?php echo Text::_('JLIB_RULES_SELECT_SETTING'); ?>" headers="settings-th<?php echo $group->value; ?>">
+								<td data-label="<?php echo Text::_('JLIB_RULES_SELECT_SETTING'); ?>" headers="settings-th<?php echo $group->value; ?>">
 									<div class="d-flex align-items-center">
 										<select data-onchange-task="permissions.apply"
 												class="custom-select novalidate"
@@ -164,7 +164,7 @@ class="custom-select novalidate"
 									</div>
 								</td>
 
-								<td class="textRight" data-label="<?php echo Text::_('JLIB_RULES_CALCULATED_SETTING'); ?>" headers="aclaction-th<?php echo $group->value; ?>">
+								<td data-label="<?php echo Text::_('JLIB_RULES_CALCULATED_SETTING'); ?>" headers="aclaction-th<?php echo $group->value; ?>">
 									<?php $result = array(); ?>
 									<?php // Get the group, group parent id, and group global config recursive calculated permission for the chosen action. ?>
 									<?php $inheritedGroupRule 	= Access::checkGroup((int) $group->value, $action->name, $assetId);

From 24cca66feff51834ce0336c9aaaca99870534f33 Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Fri, 14 Feb 2020 13:41:36 +0100
Subject: [PATCH 09/10] cs

---
 .../atum/scss/vendor/joomla-custom-elements/joomla-tab.scss     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index e4cc39a17536a..77b0e9df27e9d 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -278,7 +278,7 @@ joomla-tab {
 
             [dir=rtl] & {
               float: right;
-			  padding: 0 0 0 2em;
+              padding: 0 0 0 2em;
             }
 
             padding: 0 2em 0 0;

From f41a4a06bac68e3b1ac8e527b51ffd2f8f0f7f0c Mon Sep 17 00:00:00 2001
From: astridx <info@astrid-guenther.de>
Date: Sun, 16 Feb 2020 10:38:29 +0100
Subject: [PATCH 10/10] 
 https://github.com/joomla/joomla-cms/pull/27670#issuecomment-586681572

---
 .../scss/vendor/joomla-custom-elements/joomla-tab.scss   | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
index 77b0e9df27e9d..840c80fa09641 100644
--- a/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
+++ b/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
@@ -249,7 +249,6 @@ joomla-tab {
 
         @include media-breakpoint-down(md) {
           .respTable {
-
             [dir=ltr] & {
               text-align: right;
             }
@@ -257,7 +256,6 @@ joomla-tab {
             [dir=rtl] & {
               text-align: left;
             }
-
           }
 
           .respTable, .respTable thead, .respTable tbody, .respTable tr, .respTable th, .respTable td {
@@ -271,19 +269,18 @@ joomla-tab {
           }
 
           .respTable td::before {
+            content: attr(data-label) ":";
+            font-weight: $bold-weight;
 
             [dir=ltr] & {
               float: left;
+              padding: 0 2em 0 0;
             }
 
             [dir=rtl] & {
               float: right;
               padding: 0 0 0 2em;
             }
-
-            padding: 0 2em 0 0;
-            content: attr(data-label) ":";
-            font-weight: $bold-weight;
           }
 
           .respTable td:nth-child(1) {