Update templates

Author: RobiNN1

assets/css/styles.css

@@ -727,6 +727,10 @@ svg {
   margin-bottom: 1.25rem;
 }
 
+.-mr-px {
+  margin-right: -1px;
+}
+
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1947,8 +1951,12 @@ svg {
   vertical-align: -0.05rem;
 }
 
-.\[\&\:last-child\>\*\]\:border-0:last-child>* {
-  border-width: 0px;
+.\[\&\:nth-last-child\(2\)\>\*\]\:border-b-0:nth-last-child(2)>* {
+  border-bottom-width: 0px;
+}
+
+.\[\&\:last-child\>\*\]\:border-b-0:last-child>* {
+  border-bottom-width: 0px;
 }
 
 .\[\&\:checked\~\.dot\]\:translate-x-full:checked~.dot {

assets/js/scripts.js

@@ -40,7 +40,7 @@ document.querySelectorAll('[data-panel]').forEach(panel => {
             if (name === 'error') {
                 result += `<tr><td colspan="2" class="text-center p-4">${value}</td></tr>`;
             } else {
-                result += `<tr class="[&:last-child>*]:border-0">
+                result += `<tr class="[&:last-child>*]:border-b-0">
                                <td class="border-b border-gray-100 px-4 py-1 text-sm font-semibold whitespace-nowrap">${name}</td>
                                <td class="border-b border-gray-100 px-4 py-1 text-sm">${value}</td>
                            </tr>`;

templates/dashboards/opcache.twig

@@ -27,7 +27,7 @@
             <tbody>
             {% if cached_scripts %}
                 {% for script in cached_scripts %}
-                    <tr class="[&:last-child>*]:border-0" data-key="{{ script.invalidate_url }}">
+                    <tr class="[&:nth-last-child(2)>*]:border-b-0" data-key="{{ script.invalidate_url }}">
                         <td class="show-path cursor-pointer border-b border-gray-100 px-3 py-2 text-sm font-semibold text-sky-500 md:px-5">{{ script.name }}</td>
                         <td class="border-b border-gray-100 px-3 py-2 text-sm md:px-5">{{ script.hits }}</td>
                         <td class="border-b border-gray-100 px-3 py-2 text-sm md:px-5">{{ script.memory }}</td>
@@ -37,8 +37,8 @@
                             <button type="button" class="delete-key font-semibold text-red-500 hover:text-red-700">Invalidate</button>
                         </td>
                     </tr>
-                    <tr class="hidden" data-path="{{ script.invalidate_url }}">
-                        <td colspan="6" class="border-b border-gray-100 px-3 py-2 text-sm md:px-5">{{ script.path }}</td>
+                    <tr class="hidden [&:last-child>*]:border-b-0" data-path="{{ script.invalidate_url }}">
+                        <td colspan="6" class="border-b border-t border-gray-100 px-3 py-2 text-sm md:px-5">{{ script.path }}</td>
                     </tr>
                 {% endfor %}
             {% else %}

templates/partials/info.twig

@@ -6,14 +6,14 @@
 {% endif %}
 
 {% if panels_toggler is not defined %}
-    <label for="toggle-panels" class="mb-3 flex cursor-pointer items-center">
+    <label for="toggle-panels" class="mb-3 flex cursor-pointer items-center lg:justify-end">
         <span class="relative block h-6 w-10 rounded-full bg-gray-400 shadow">
             <input type="checkbox" id="toggle-panels"
                    class="sr-only [&:checked~.dot]:translate-x-full [&:checked~.dot]:bg-gray-900 [&:checked~.dot]:text-white
                    [&:checked~.dot>.open]:block [&:checked~.dot>.close]:hidden">
             <span class="dot absolute left-1 top-1 inline-flex h-4 w-4 items-center justify-center rounded-full text-gray-600 bg-gray-50 transition-transform">
-                {{ svg('open', 10, 'open hidden') }}
-                {{ svg('close', 10, 'close') }}
+                {{ svg('open', 10, 'open -mr-px hidden') }}
+                {{ svg('close', 10, 'close -mr-px') }}
             </span>
         </span>
         <span class="ml-1 text-sm leading-normal">Toggle panels</span>

templates/partials/info_table.twig

@@ -31,13 +31,13 @@
                             <td colspan="2" class="px-4 py-2 text-xs font-bold uppercase whitespace-nowrap">{{ name|replace({'_': ' '}) }}</td>
                         </tr>
                         {% for sub_name, sub_value in value %}
-                            <tr class="[&:last-child>*]:border-0">
+                            <tr class="[&:last-child>*]:border-b-0">
                                 <td class="border-b border-gray-100 px-4 py-1 text-sm font-semibold whitespace-nowrap">{{ sub_name }}</td>
                                 <td class="border-b border-gray-100 px-4 py-1 text-sm">{{ sub_value|raw }}</td>
                             </tr>
                         {% endfor %}
                     {% else %}
-                        <tr class="[&:last-child>*]:border-0">
+                        <tr class="[&:last-child>*]:border-b-0">
                             <td class="border-b border-gray-100 px-4 py-1 text-sm font-semibold whitespace-nowrap">{{ name }}</td>
                             <td class="border-b border-gray-100 px-4 py-1 text-sm">{{ value|raw }}</td>
                         </tr>

templates/partials/keys_table.twig

@@ -20,7 +20,7 @@
             <tbody>
             {% if keys %}
                 {% for key in keys %}
-                    <tr class="[&:last-child>*]:border-0" data-key="{{ key.key }}">
+                    <tr class="[&:last-child>*]:border-b-0" data-key="{{ key.key }}">
                         <td class="border-b border-gray-100 px-3 py-2 md:px-5">
                             <input type="checkbox"
                                    class="checkbox-key checkbox text-{{ color }}-500 -mt-1.5 h-4 w-4 select-none appearance-none rounded border border-gray-300 bg-white align-middle