From eaebcc9b86de4a1a95960a1617ab37819cdb0584 Mon Sep 17 00:00:00 2001
From: SvyatoslavArtymovych <svyatoslav.artymovych@gmail.com>
Date: Mon, 5 Jun 2023 14:56:55 +0300
Subject: [PATCH] fix checkbox tree

---
 app/templates/book/modals/access_level_modal.html | 10 +++-------
 app/templates/book/settings.html                  |  2 +-
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/app/templates/book/modals/access_level_modal.html b/app/templates/book/modals/access_level_modal.html
index f21ccd6..9d37794 100644
--- a/app/templates/book/modals/access_level_modal.html
+++ b/app/templates/book/modals/access_level_modal.html
@@ -24,13 +24,10 @@
             <li>
               <div class="flex items-center space-x-2">
                 <input type="checkbox" data-root="true" data-permission="C" data-access-to="book" data-access-to-id="{{ book.id }}" class="w-4 h-4 text-purple-600 bg-purple-100 border-purple-400 rounded focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-purple-300 dark:border-purple-500" />
-
                 <span class="text-center dark:text-gray-300">{{ book.label }}</span>
               </div>
               {%- for collection in book.last_version.children_collections recursive %}
-                <div class="flex">
-                <hr class="">
-                <ul class="ml-4">
+                <ul class="ml-5">
                   <li>
                     <div class="flex items-center space-x-2">
                       <input type="checkbox" data-access-to="collection" data-access-to-id="{{ collection.id }}" class="w-4 h-4 text-purple-600 bg-purple-100 border-purple-400 rounded focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-purple-300 dark:border-purple-500" />
@@ -43,7 +40,7 @@
 
                       {#
                         {% for sub_collection in collection.active_children %}
-                          <ul class="ml-4">
+                          <ul class="ml-5">
                             <li>
                               <div class="flex items-center space-x-2">
                                 <input type="checkbox" data-access-to="sub_collection" data-access-to-id="{{ sub_collection.id }}" class="w-4 h-4 text-blue-600 bg-gray-300 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-400 dark:border-gray-600" />
@@ -69,7 +66,7 @@
 
 
                       {% for section in collection.sections %}
-                        <ul class="ml-4">
+                        <ul class="ml-5">
                           <li>
                             <div class="flex items-center space-x-2">
                               <input type="checkbox" data-access-to="section" data-access-to-id="{{ section.id }}" class="w-4 h-4 text-purple-600 bg-purple-100 border-purple-400 rounded focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-purple-300 dark:border-purple-500" />
@@ -84,7 +81,6 @@
                     {% endif %}
                   </li>
                 </ul>
-                </div>
               {%- endfor %}
             </li>
           </ul>
diff --git a/app/templates/book/settings.html b/app/templates/book/settings.html
index 4abd444..807f841 100644
--- a/app/templates/book/settings.html
+++ b/app/templates/book/settings.html
@@ -32,7 +32,7 @@
       {% if book.user_id == current_user.id %}
         <li class="mr-2" role="presentation">
           <!-- prettier-ignore -->
-          <button class="flex items-center space-x-2 p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="permissions-tab" data-tabs-target="#permissions" type="button" role="tab" aria-controls="permissions" aria-selected="false">
+          <button class="flex items-center space-x-2 p-4 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="permissions-tab" data-tabs-target="#permissions" type="button" role="tab" aria-controls="permissions" aria-selected="true">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 010 3m0-3a1.5 1.5 0 000 3m0 9.75V10.5" /> </svg>
             <span>User permissions</span>
           </button>