From 1e034cc4c803689459abb327baa5ebe7cd891927 Mon Sep 17 00:00:00 2001
From: aluqmanj <123445462+aluqmanj@users.noreply.github.com>
Date: Thu, 16 Feb 2023 15:06:57 +0530
Subject: [PATCH 1/2] Update README.md

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b944525..13bee41 100755
--- a/README.md
+++ b/README.md
@@ -72,7 +72,8 @@ The directives are structured like below.
     in HTML:
 ```<div as-sortable="sortableOptions">
    ...
-</div>```
+</div>
+```
 - A customized placeholder can be provided by specifying the `placeholder` option provided to the as-sortable item. `placeholder` can be both a template string or a function returning a template string.
 
 #### Dragging element CSS

From ef71af8e1afaaedf0f7936e58c3fbd9afcf55a3b Mon Sep 17 00:00:00 2001
From: aluqmanj <123445462+aluqmanj@users.noreply.github.com>
Date: Thu, 16 Feb 2023 15:22:06 +0530
Subject: [PATCH 2/2] Update README.md

Fixed code formatting
---
 README.md | 42 ++++++++++++++++++++++--------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index 13bee41..8c6cb3d 100755
--- a/README.md
+++ b/README.md
@@ -66,31 +66,33 @@ The directives are structured like below.
 #### Placeholder:
 - By default a placeholder element is created using the same tag as the as-sortable-item element
 - CSS styling may be applied via the `as-sortable-placeholder` class
-- Additional classes may be applied via the `additionalPlaceholderClass` option provided to the as-sortable item. e.g.
+- Additional classes may be applied via the `additionalPlaceholderClass` option provided to the as-sortable item. e.g.  
     in JS:
-```$scope.sortableOptions = { additionalPlaceholderClass: 'some-class' };```
+```$scope.sortableOptions = { additionalPlaceholderClass: 'some-class' };```  
     in HTML:
-```<div as-sortable="sortableOptions">
-   ...
-</div>
-```
+```<div as-sortable="sortableOptions">```
+    ...
+```</div>```
 - A customized placeholder can be provided by specifying the `placeholder` option provided to the as-sortable item. `placeholder` can be both a template string or a function returning a template string.
 
 #### Dragging element CSS
 - CSS styling may be applied via the "as-sortable-dragging" class
-- When the "as-sortable-item" is being dragged, the CSS class "as-sortable-dragging" is added to all elements.
-e.g.
-    in HTML
-```<!--not dragging-->````
-```<div class="as-sortable-item"></div>````
-```<!--when dragging as-sortable-item-->```
-```<div class="as-sortable-item as-sortable-dragging"></div>````
-
-    in CSS
-    .as-sortable-dragging{
-       border: 1px dotted #000 !important;
-    }
-          
+- When the "as-sortable-item" is being dragged, the CSS class "as-sortable-dragging" is added to all elements.  
+
+e.g.  
+in HTML  
+```
+<!--not dragging-->
+<div class="as-sortable-item"></div>
+<!--when dragging as-sortable-item-->
+<div class="as-sortable-item as-sortable-dragging"></div>
+```
+in CSS  
+```
+.as-sortable-dragging{
+    border: 1px dotted #000 !important;
+}
+```          
 
 #### Callbacks:
 
@@ -98,7 +100,7 @@ Following callbacks are defined, and should be overridden to perform custom logi
 
 - callbacks.accept = function (sourceItemHandleScope, destSortableScope, destItemScope) {}; //used to determine drag zone is allowed are not.
 
-###### Parameters:
+##### Parameters:
      sourceItemScope - the scope of the item being dragged.
      destScope - the sortable destination scope, the list.
      destItemScope - the destination item scope, this is an optional Param.(Must check for undefined).