[Feature] Action Areas (#1815)

* Functioning setup

* .

* Fixes

* Completed

* Apply suggestions from code review

Co-authored-by: Carlos Fernandez <CarlosFdez@users.noreply.github.com>

* using function.call instead of function.bind

* Run lint fix on action areas PR (#1820)

* .

* .

* Restructured getTemplateShape to be a lot more readable

* .

* .

* Changed from 'area' to 'areas'

* .

* Moved the areas button to the left

* Fix regression with actions list

* Updated all SRD adversaries

---------

Co-authored-by: Carlos Fernandez <CarlosFdez@users.noreply.github.com>
Co-authored-by: Carlos Fernandez <cfern1990@gmail.com>

styles/less/global/inventory-item.less

@@ -24,6 +24,15 @@
         width: 100%;
         list-style-type: none;
 
+        &.bordered {
+            border: 1px solid;
+            border-radius: 6px;
+
+            .inventory-item-header .img-portait img.item-img {
+                border-radius: 6px 0 0 6px;
+            }
+        }
+
         &:not(.single-img) {
             .img-portait:has(.roll-img):hover {
                 .roll-img {

styles/less/sheets/actions/actions.less

@@ -147,4 +147,10 @@
             padding-bottom: 7px;
         }
     }
+
+    .sub-section-header {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
 }

styles/less/ui/chat/chat.less

@@ -624,9 +624,14 @@
             display: flex;
             gap: 5px;
             margin-top: 8px;
+
             button {
                 height: 32px;
                 flex: 1;
+
+                &.end-button {
+                    flex: 0;
+                }
             }
         }
 
@@ -698,6 +703,11 @@
             }
         }
 
+        .action-roll-buttons {
+            width: 100%;
+            padding: 0 8px;
+        }
+
         .description {
             padding: 8px;